Un modo per definire lo stile di una voce è per farla apparire come una barra nella pagina. Voce di testo nei bar creare divisioni chiari nel testo e guardare bene quando ben progettato. Lo stile di una voce in un bar in CSS è semplice e richiede solo un colore di sfondo e alcuni imbottitura al suo minimo. Una volta che si crea la barra, è possibile continuare a uno stile al testo all'interno della barra per quanto ti piace e aggiungere bordi o altri stili. Modificare la larghezza della barra se volete renderlo più breve rispetto al testo sotto di essa.

Istruzioni

1

Aprire il file HTML per la tua pagina Web in un editor di codice o blocco note. Trovare il titolo che si desidera trasformare in una barra piena e aggiungere ad esso un nome di classe:

< classe h3 = "bar" > testo voce qui < / h3 >

2

Aprire il foglio di stile per la tua pagina Web o trovare i tag < style > nel codice HTML della pagina. Aggiungere questo codice tra i tag < head > Se non li trovate:

< style type = "text/css" >
< / stile >

Tutto il codice CSS deve andare tra questi tag o all'interno del foglio di stile. Aggiungere nuovo codice CSS alla parte inferiore del foglio di stile, come si scrive nel caso in cui è necessario eseguire l'override di stili più iniziali.

3

Creare una regola di stile per la vostra rubrica targeting il bar classe o qualsiasi classe nome si ha scelto di dare per i tag di intestazione:

{. bar
}

4

Aggiungere proprietà e valori tra le parentesi graffe della regola di stile. Il bar la creazione richiede almeno un colore di sfondo e alcune imbottiture. È inoltre possibile specificare una larghezza, in pixel o in percentuale:

{. bar
colore di sfondo: blu;
padding: 10px 20px;
}

Questo codice inserisce 20 pixel di riempimento a sinistra e a destra del testo del titolo e 10 pixel di riempimento sulla sua parte superiore e inferiore. Per impostazione predefinita, la larghezza di un'intestazione è 100 per cento.