Aree di testo sono controlli di input dell'utente nelle pagine Web. Essi appaiono simili alle caselle di testo, ma hanno diverse linee invece di uno. È possibile aggiungere un bordo a aree di testo utilizzando la proprietà di "stili" del tag "textarea". Questo approccio consente di modificare la larghezza, colore e stile del bordo dell'area di testo. È anche possibile indicare se rompere in sul bordo in segmenti o lasciarlo come un rettangolo completamente chiuso. Il tag "textarea" rende facile aggiungere bordi a altri elementi della pagina, perché il codice HTML è esattamente lo stesso.

Istruzioni

1

Aprire qualsiasi elaboratore di testi e digitare i seguenti codici HTML. Questi codici definiscono una pagina Web vuota a cui si aggiungerà un'area di testo nei prossimi passaggi.

< html >

< / html >

2

Incollare i seguenti codici HTML dopo il primo tag che hai inserito nel passaggio precedente. Questi nuovi codici definiscono il corpo della pagina Web e aggiungono un'area di testo a quel corpo. L'area di testo ha nessun bordo ancora, solo un testo di esempio.

< corpo >

< textarea >

Ciao

< / textarea >

< / body >

3

Digitare il codice riportato di seguito appena prima il finale ">" carattere del primo tag "textarea". Questo codice assegna un valore stringa alla proprietà "style" dell'area di testo. Tale stringa è un'istruzione che dice il tuo browser per disegnare un bordo intorno all'area di testo.

Style = "border-width: 5px;"

4

Salvare il documento con qualsiasi nome che termina in ". htm" e con un tipo di file di testo normale.

5

Aprire Esplora risorse e individuare il file che appena salvato. Fare doppio clic sul file per aprirlo con il browser predefinito. Si noti che l'area di testo ha un bordo intorno a esso. La proprietà di "stile" digitato nel passaggio 3 prodotto questo confine, e ora è possibile modificare l'aspetto del bordo con quella stessa proprietà.

6

Fare clic su a sinistra dell'ultima quotazione doppia della proprietà "style" del documento. Incollare il seguente codice HTML nel documento. Lo scopo di questa nuova dichiarazione è chiaro dal suo nome: rende il bordo punteggiato anziché solido.

; border-style: punteggiato;

7

Salvare nuovamente il documento, quindi premere "F5" nel browser per ricaricare la pagina. Il confine dell'area di testo verrà visualizzato un bordo punteggiato.

8

Digitare il seguente codice HTML nella stessa posizione come l'ultimo codice immesso. Questo codice aggiunge colore al vostro bordo. Provate diversi colori invece di quello dato qui.

; border-color: verde;

9

Salvare e aggiornare la pagina come fatto in precedenza per visualizzare le modifiche al confine.