Uno dei più gradevoli esteticamente selettori CSS3 disponibili è quello che aggiunge le curve agli oggetti della pagina Web. CSS3, l'ultima incarnazione del CSS consente agli sviluppatori di sito di trasformare rettangolari angoli sulle pagine Web in eleganti angoli arrotondati. Versioni di Internet Explorer alla versione 8 ora supportano questa nuova funzionalità CSS. Aggiungere a qualsiasi pagina Web sul tuo sito aggiungendo poche righe di codice CSS3 nel vostro documento HTML.

Istruzioni

1

Aprire un documento HTML e aggiungere il codice riportato di seguito alla sezione body del documento:
< div class = "arrotondato" >
< / div >

Questo codice crea un div che fa riferimento la classe denominata "arrotondato".

2

Individuare la sezione head del documento e incollare il codice seguente in quella sezione:
.rounded
{
raggio bordo: 6px;
background-color: giallo;
Altezza: 100px;
Larghezza; 100px
}

Questo codice crea la classe CSS a cui fa riferimento il div. Il valore è sei pixel in questo esempio. Un piccolo valore produce un effetto sottile arrotondato che è appena percettibile. I rimanenti tre attributi aggiungere un colore di sfondo al div e rendono 100 pixel di altezza e una larghezza di 100 pixel. Questi attributi esistono per consentire di vedere il div quando vengono visualizzati nella pagina Web. Rimuovere questi tre attributi più tardi dopo aver testato il codice.

3

Salvare il documento e visualizzarlo in qualsiasi versione di Internet Explorer superiore a 8. Nella pagina Web verrà visualizzata una casella gialla div con angoli arrotondati.

Consigli & Avvertenze

• Aumentare il valore del raggio di confine per rendere i bordi più rotondo.