WEBDESIGN: Angoli arrotondati con i Css

WEBDESIGN: Angoli arrotondati con i Css

Mini guida per creare div con angoli rotondi senza utilizzare immagini

Per creare dei box con angoli rotondi senza utilizzare immagini, ci vengono in nostro aiuto i CSS.

clicca qui

La versione CSS3 infatti include la proprietà border-radius che permette di indicare quanti px vogliamo attribuire al raggio del bordo.

Box arrotondati con i css

Un classico esempio di dichiarazione compatibile con tutti i browser è:

#boxRotondo{
-webkit-border-radius:20px;
-khtml-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}

In questo modo attribuiremo al nostro div con id boxRotondo un bordo tondo con 20px di raggio.

Condividi

Nessun commento a “WEBDESIGN: Angoli arrotondati con i Css”

Lascia un messaggio

Nome (obbligatorio):
Email (non sarà pubblicata) (obbligatorio):
Sito web:
Commento (obbligatorio):
XHTML: Stai usando questi tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>