Corso di web design a Lecce, Maglie, Squinzano, Manduria. Risorse Didattiche » DIV con angoli arrotondati http://www.risorsedidattiche.it Corsi di alta formazione Mon, 04 Jan 2010 08:23:22 +0000 http://wordpress.org/?v=2.9 en hourly 1 DIV con angoli arrotondati solo con CSS http://www.risorsedidattiche.it/2010/01/03/div-con-angoli-arrotondati-solo-con-css/ http://www.risorsedidattiche.it/2010/01/03/div-con-angoli-arrotondati-solo-con-css/#comments Sun, 03 Jan 2010 12:49:48 +0000 admin http://www.risorsedidattiche.it/?p=62 Sino a poco tempo fa, ottenere un box con angoli arrotondati non era così semplice e comunque di cattiva gestione nel momento in cui il contenuto cambiava.

In origine si utilizzavano tabelle annidate e piccole gif graficamente arrotondate.

In seguito le immagini potevano essere inserite di sfondo ai  DIV tramite CSS, generando comunque non poco codice di cattiva gestione.

Oggi, la soluzione migliore cross-browser è questa:

<div class=”esempio”> contenuto </div>

.esempio {

/*angolo superiore sinistro*/
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;

/*angolo superiore destro*/
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;

/*angolo inferiore sinistro*/
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;

/*angolo inferiore destro*/
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;

}

ecco fatto, compatibile con tutti i browser ad esclusione di IE 5 ormai in disuso.

]]> http://www.risorsedidattiche.it/2010/01/03/div-con-angoli-arrotondati-solo-con-css/feed/ 0