Utilizzare elementi DIV per dividere le pagine Web in sezioni. DIVS può anche funzionare come caselle di scorrimento, o caselle di testo. L'overflow è un attributo CSS che informa il browser Web che cosa fare se il testo supera i limiti di un elemento. Cambia overflow per "scorrere" converte un elemento DIV in una casella di scorrimento. Una volta che hai codificato correttamente l'elemento DIV, è possibile scrivere nella casella di scorrimento.

Istruzioni

1

Inserire il "< div >" e "< / div >" tag tra il "< body >" e "< / body >" Tag:

< corpo >
< div >
< / div >
< / body >

2

Aggiungere l'attributo "class" al tag "< div >", quindi creare una parola chiave per l'elemento DIV:

< div class = "X" >
< / div >

Sostituire "X" con la parola chiave per il DIV.

3

Inserire il seguente tra il "< head >" e "< / head >" Tag:

< style >
< / stile >

4

Inserire questo codice tra "< style >" e "< / stile >" tag per convertire l'elemento DIV in una casella di scorrimento:

. X () {
Larghezza: 200px;
Altezza: 100px;
overflow: scroll;
}

Sostituire "X" con la parola chiave DIV.

5

Definire l'aspetto della casella di scorrimento:

. X () {
bordo: #px solido rgb(a,b,c);
colore di sfondo: esagonale;
Larghezza: 200px;
Altezza: 100px;
overflow: auto;
}

6

Sostituire "#" con lo spessore per il bordo della pagina. Ad esempio, utilizzare "1px,". Questo rappresenta un bordo pari a un pixel di spessore. Sostituire "a", "b" e "c" con i valori appropriati di rossi, verdi e blu per il colore del bordo. Sostituire "hex" con il codice esadecimale per il colore di sfondo.

7

Digitare il testo tra il "< div >" e "< / div >" tag per scrivere nella casella di scorrimento:

< div class = "X" > il mio testo va qui.
< / div >

Consigli & Avvertenze

• Utilizzare una "pagina Web colore scelta Tool" per trovare l'esadecimale e valori RGB di un colore particolare.
• È possibile modificare le dimensioni della casella di scorrimento, se si elimina "200" e "100" dagli attributi "larghezza" e "altezza" e sostituire le dimensioni.