November 5
La casella di intestazione sul tuo sito web è la caratteristica più importante sulla pagina perché si trova nella parte superiore del suo sito web; Pertanto, si vuole garantire la casella è attraente. Utilizzando fogli di stile CSS, è possibile creare spazi che visualizzano in modo efficace il contenuto del dialogo, come ad esempio il titolo e il logo, e garantire la sagoma del contenitore va bene con il layout del tuo sito web. Utilizzare editor di testo del computer per applicare il CSS che adorna la tua casella di intestazione.
1 Avviare il programma di editor di testo e aprire il documento sito web che ha la casella di intestazione che si desidera decorare. Inserisci questo codice CSS prima del </ head> tag di chiusura:
<Style type = "text / css">
</ Style>
2 Digita un termine desiderato per creare una regola per l'intestazione, come "intestazione", e precedono questo con un cancelletto. Quindi, immettere una coppia di parentesi graffe:
intestazione { }
Il simbolo di cancelletto crea uno stile ID CSS che si applica solo alla parte intestazione della pagina Web che si assegna a.
3 Invio "margin:;" e "padding:;" tra le staffe e seguire questo con valori numerici preferiti in pixel dopo ogni attributo:
intestazione {margin: 10px; padding: 5px; }
Il margine produce uno spazio intorno al bordo della vostra casella di intestazione, mentre l'imbottitura cancella un'area intorno al contenuto che va in questo contenitore.
4 Tipo "border:;" Dopo le voci margin e padding e immettere un valore numerico per determinare lo spessore della linea che delinea la casella di intestazione. Inoltre, immettere uno stile di linea, come "solido" e un colore esadecimale per definire la tonalità di questa linea. Illustrare:
intestazione {border: 2px #CCCCCC solido; }
5 Salvare il file e visualizzare la pagina in un browser Web per visualizzare in anteprima l'intestazione box decorazioni.