Come fare CSS3 angoli arrotondati Lavora in Internet Explorer

August 31

Uno dei selettori CSS3 esteticamente più gradevoli disponibili è quella che aggiunge curve per oggetti della pagina Web. CSS3, l'ultima incarnazione del CSS permette agli sviluppatori del sito di trasformare angoli rettangolari sulle pagine web in angoli arrotondati alla moda. Internet Explorer versioni superiori versione 8 ora supportano questa nuova funzionalità CSS. Aggiungilo a qualsiasi pagina web sul suo sito con l'aggiunta di un paio di righe di codice CSS3 al documento HTML.

istruzione

1 Aprire un documento HTML e aggiungere il codice riportato di seguito alla sezione corpo del documento:
<Div class = "arrotondata">
</ Div>

Questo codice crea un div quella classe riferimenti denominata "arrotondata".

2 Individuare sezione head del documento e incollare il seguente codice in quella sezione:
.rounded
{
border-radius: 6px;
background-color: Giallo;
altezza: 100px;
larghezza; 100px
}

Questo codice crea la classe CSS a cui fa riferimento il div. Il suo valore è di sei pixel in questo esempio. Tale valore piccolo produce un effetto arrotondato sottile che è appena percettibile. I restanti tre attributi aggiungere un colore di sfondo al div e rendono 100 pixel di altezza e 100 pixel di larghezza. Questi attributi esistono per consentire di vedere il div quando visualizza sulla pagina web. Rimuovere questi tre attributi più tardi, dopo il test del codice.

3 Salvare il documento e visualizzarlo in qualsiasi versione di Internet Explorer superiore a 8. Viene visualizzata una finestra div giallo con angoli arrotondati sulla pagina web.

Consigli e avvertenze

  • Aumentare il valore border-radius per rendere il più rotondo confini.

Articoli Correlati