Cascading Style Sheets (CSS) è un modo standardizzato per controllare l'aspetto degli elementi HTML nelle pagine Web. CSS3 è una nuova serie di CSS standard attualmente in fase di sviluppo di World Wide Web Consortium (W3C), che promette molte interessanti nuovi modi per voi di stile le pagine. Purtroppo, i vari componenti del CSS3 non sono implementati nello stesso modo in tutti i principali browser Web, quindi è necessario includere alcuni codice ridondante per massimizzare la compatibilità. Utilizzare varianti della proprietà style "border-radius" per rendere caselle di input con angoli arrotondati.

Istruzioni

1

Aggiungere il seguente codice CSS tra i tag di "head" del documento HTML:

< style type = "text/css" >

.rounded () {

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

raggio bordo: 8px;

}

< / stile >

Maggiore il valore di pixel assegnati a queste proprietà, il rounder gli angoli che verranno prodotta.

2

Aggiungere il seguente codice al corpo del documento HTML per creare una casella di input con angoli arrotondati:

< input type = "testo" class = "arrotondato" / >

Assegnare come molte caselle alla classe "arrotondata" come ti piace.

3

Utilizzare un'assegnazione di stile inline per dare gli angoli arrotondati per un singolo elemento senza la dichiarazione di classe nella sezione "head":

< input type = "text" style="-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;" / >