Come fare uno sfondo in una filigrana

July 31

Web-sfondi delle pagine possono essere manipolati in una varietà di modi, utilizzando le proprietà CSS. Insieme con la modifica della posizione di fondo, ripetendo lo sfondo e cambiare il colore, è possibile utilizzare la proprietà CSS background-attachment per creare un effetto filigrana dietro gli elementi della pagina Web; qualsiasi pagina che viene stampata da un utente contiene l'immagine di sfondo, che è un mezzo attraverso il quale è possibile proteggere il contenuto Web. Per creare questo effetto filigrana, è necessario modificare la proprietà background-attachment a "fisso".

istruzione

1 Aprire il file di pagina Web in un editor HTML o testo. Per aprire il file di pagina Web in editor di testo predefinito di Windows ', fare clic destro su di esso e quindi fare clic su "Apri con". Selezionare "Blocco note" o "WordPad" e poi cliccare su "OK".

2 Posizionare il cursore tra il "<HEAD>" e "</ HEAD>" tag nella parte superiore del documento se si sta modificando HTML, ASP, PHP o altro tipo di codice. Se si sta modificando un documento CSS, posizionare il cursore su una riga vuota in fondo al documento.

3 Tipo "<style>" per aprire il tag di stile CSS. Ignorare questo passaggio se si modifica un documento CSS. Ogni codice inserito in un documento CSS viene reso automaticamente come CSS, rendendo il tag "<style>" inutile.

4 Tipo "body {" e premere "Invio" per aprire la dichiarazione di stile "corpo". Questa linea dice la pagina Web per applicare il seguente codice di stile CSS per l'elemento "corpo" del documento.

5 Tipo "background-image: URL (example.gif);" e premere "Invio". Sostituire "example.gif" con il percorso e il nome dell'immagine che si desidera utilizzare come filigrana.

6 Tipo "background-attachment: fixed;" e premere "Invio" per creare l'effetto filigrana sfondo statico. Questa struttura fa sì che l'immagine di sfondo che è stato definito al punto 5 di rimanere sullo schermo, anche quando gli utenti scorrere verso l'alto o verso il basso nella pagina Web.

7 Tipo "}" per chiudere la dichiarazione di stile "corpo".

8 Tipo "</ style>" per chiudere il tag di stile. Ignorare questo passaggio se si sta modificando un documento CSS.

9 Fai clic su "File" e poi selezionare "Salva".