Come mettere un bordo intorno al testo in HTML

May 8

Come mettere un bordo intorno al testo in HTML


Creazione di un bordo intorno al testo in HTML è facile da fare e richiede solo un pezzo di codice. A seconda della complessità del confine deve essere, ci sono diversi elementi di codice che possono essere aggiunti. Tuttavia, un semplice bordo è facile da fare (e deve essere fatto) utilizzando un semplice CSS (Cascading Style Sheets) codice nell'elemento HTML. Il codice può essere personalizzato per adattarsi testo di qualsiasi dimensione o la lunghezza.

istruzione

1 Prendere nota del seguente codice preso da quackit.com:

"<Div style =" width: 200px; height: 100px; border: 1px solid blu; ">

Inserire il testo QUI.

</ Div> "

2 Inserire il codice in un documento HTML. Regolare i parametri per adattare il testo. La larghezza può essere regolata aumentando il numero nel "width: 200px;" la zona. L'altezza può essere regolata aumentando o diminuendo il numero nel "height: 100px;" campo. Se il bordo ha bisogno di essere più spesso, aumentare il numero nella "border: 1px" parametro. Il colore del bordo può essere cambiato digitando il nuovo colore al posto di "blu fisso." codici di colore HTML sei cifre possono essere utilizzati.

3 Inserisci il testo per il bordo del "ENTER il testo qui." la zona. La lunghezza del testo non ha importanza, dovrà essere aumentato per adattare il testo più grande dei parametri di confine. Questo può richiedere qualche ritocco per ottenere la giusta dimensione, ma che è abbastanza facile da correggere.