Come creare barre con i CSS

September 5

Cascading Style Sheets (CSS) sono un modo ideale per creare elementi, come bar, per le pagine web, perché non è necessario avere immagini per creare questi componenti e CSS ti dà più controllo su come queste funzioni appaiono sulla tua pagina. Utilizzando i CSS in alleanza con il codice HyperText Markup Language (HTML), è possibile creare barre sul tuo sito web da utilizzare come divisori decorativi, elementi del grafico o qualsiasi altro tipo di funzione di pagina che li possono utilizzare.

istruzione

1 Avviare il editor di testo e aprire una pagina web.

2 Trovare il "</ head> <head>" nel codice HTML e digitare la voce CSS tra questi elementi nel modo seguente:

<Style type = "text / css">
<! -
{}
->
</ Style>

3 Inserire un "HR" prima delle parentesi graffe per creare un segnaposto per la linea orizzontale nella tua pagina (ad esempio, "hr {}"). L'elemento "HR" crea automaticamente una riga nel codice e utilizzando i CSS, è lo stile questo tag nella barra di cui avete bisogno.

4 Digitare "background-color", "altezza" e "valori di larghezza" per determinare come il bar sembra. Per fare una barra verticale, inserire un numero maggiore dopo la "altezza" attributo in percentuale (%), punti (pt) o pixel (px); in caso contrario, digitare un numero maggiore dopo la voce "larghezza". Ad esempio, per creare una barra orizzontale che si trova a 20 pixel di altezza e 200 pixel di larghezza, inserire il seguente:

hr {background-color: blue; Altezza: 20px; width: 200px; }

5 Inserisci un descrittore di "galleggiare" e digitare un valore o di "sinistra" "destra" per determinare dove viene visualizzata la barra di CSS della pagina. Per esempio:

hr {float: left; background-color: blue; Altezza: 20px; width: 200px; }

6 Utilizzare il browser Web per visualizzare in anteprima il file e quindi salvare la pagina quando fatto.


Articoli Correlati