http://blog.DoZarte.com


Angoli arrotondati agli elementi HTML


Share to Facebook Share to Twitter Stumble It Email This More...

Transparent custom corners and borders v2 permette di creare angoli arrotondati e bordi di tabelle con effetti rilievo.
Si tratta di una tecnica molto semplice in quanto è sufficiente includere il javascript e assegnare la classe CBB all’elemento da stilizzare.

<div class="cbb">

Box content

</div>

Si possono così rendere più gradevoli liste, tabelle e pulsanti (demo).

link: Transparent custom corners and borders

DD_roundies è un’altra soluzione per craere angoli arrotondati, facile da implementare e cross-browser.
Questo script non usa immagini, funziona in IE6 senza AlphaImageLoader, e pesa poco (3 kb circa); il raggio degli angoli può essere definito.
Questo script usa VML (Vector Markup Language), che non è attualmente supportato da IE8.

link: DD_roundies 

jQuery Corners è un plugin per jQuery per creare angoli arrotondati senza usare alcuna immagine. Il plugin non e invadente, e funziona con la maggior parte dei browser, iPhone compreso.
Con questo si possono arrotondare gli angoli anche ai bottoni dei moduli!

link: jQuery Corners


Share to Facebook Share to Twitter Stumble It Email This More...

Se l'articolo era interessante, forse troverai approfondimenti nei seguenti link sponsorizzati...


5 commenti a “Angoli arrotondati agli elementi HTML”

  1. toninosite scrive:

    Vi segnalo un sistema per arrotondare gli angoli tramite php con uno script molto leggero e semplice da usare:

    lo trovate su questo sito, nella sezione HTML:

    http://toninosite.altervista.org

  2. DoZ scrive:

    Per precisione mi permetto di inserire il link diretto alla tua pagina.
    Grazie delle tua segnalazione!

  3. darkhouse scrive:

    Ciao toninosite.
    ho trovato il tuo articolo molto interessante.
    Peccato solo che il link download non funziona potresti inviarmelo te???
    Grazie.

Leave a Reply

XHTML: Tags concessi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

You can add images to your comment by clicking here.