Come fare confini con immagini di sfondo in CSS

October 1

Come fare confini con immagini di sfondo in CSS


CSS consente di aggiungere vari attributi di layout e di visualizzazione per il documento HTML. Borders aiutano a portare l'attenzione su una sezione di testo, per esempio un prezzo di vendita o di quotazione. Utilizzare i CSS per creare uno stile di bordo che include un'immagine di sfondo. Lo stile può quindi essere applicato a vari elementi di testo HTML come un punto (P) o divisione (DIV).

istruzione

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

2 Digitare il seguente script precedente il tag "</ head>" per definire il confine CSS:

<Script>

borderimg {

border:#006600 medium solid;

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

}

</ Script>

Un bordo verde di larghezza media che include un'immagine di sfondo è definito. Modificare i valori di confine e di immagine per il proprio.

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

<Div id = "borderimg">

<P> Un blocco di dati con un'immagine di bordo e lo sfondo, primo comma. </ P>

<P> Un blocco di dati con un'immagine di bordo e lo sfondo, secondo comma. </ P>

</ Div>