Sappiamo tutti che è possibile usando i CSS, inserire facilmente dei riquadri nelle pagine del sito, creando intagli, box e aree evidenziate.
E' sufficiente utilizzare il tag "div" opportunamente elaborato per ricreare sagome di varie forme.
Però molti ancora non sanno che è possibile attribuire a queste forme, degli angoli arrotondati, per rendere meno incisivo il distacco dalla pagina e dai suoi contenuti.
Inseriamo nella classe o nell'id del nostro tag div la seguente istruzione
"border-radius : "
Ovviamente dobbiamo fare i conti con la solita lagna dei browser non standardizzati e quindi avremo un comando diverso per ogni browser...
Mozilla:
"-moz-border-radius: px;"
Opera (anceh se funziona anche con la sola istruzione di Mozilla
"-o-border-radiuis: px;!
Safari, Crome e simili...
"-webkit-border-radius:px;"
Ovviamente è possibile agire su uno qualsiasi degli angoli, top, left, right, buttom, secondo il seguente schema
"-moz-border-radius-top:px;"
(per gli altri è sufficiente sostituire il nome degli angoli.
