Nwlapcug.com


Come fare i bordi con immagini di sfondo in CSS

Come fare i bordi con immagini di sfondo in CSS


CSS consente di aggiungere vari layout e visualizzare gli attributi nel vostro documento HTML. Frontiere contribuiscono a portare l'attenzione a una sezione di testo, ad esempio un prezzo di vendita o quotazione. Utilizzare i CSS per creare uno stile di bordo che include un'immagine di sfondo. Può essere applicato quindi a vari elementi di testo HTML ad esempio un paragrafo (P) o divisione (DIV).

Istruzioni

1

Aprire il tuo file HTML utilizzando un editor di HTML o di testo.

2

Digitare il seguente script sopra il tag "< / head >" per definire il bordo CSS:

< script >

borderimg () {

border:#006600 medium solid;

background-image:URL(images/bgpattern.gif);

}

< / script >

Un bordo verde di larghezza media che include un'immagine di sfondo è definito. Modificare i valori di confine e immagine ai vostri propri.

3

Individuare l'elemento che si applicare lo stile e aggiungere il tag di stile:

< div id = "borderimg" >

< p > un blocco di dati con un'immagine di sfondo e bordo, paragrafo uno. </p >

< p > un blocco di dati con un'immagine di sfondo e bordo, paragrafo due. </p >

< / div >