Hvordan lage grenser med bakgrunnsbilder i CSS

CSS kan du legge til ulike layout og visningsegenskaper til HTML-dokumentet. Borders bidra til å bringe oppmerksomhet til en del av teksten, for eksempel en salgspris eller tilbud. Bruk CSS til å skape en ramme stil som inkluderer et bakgrunnsbilde. Den type kan deretter anvendes på forskjellige HTML tekstelementer, for eksempel et punkt (P) eller divisjon (DIV).

Bruksanvisning

1 Åpne HTML-fil ved hjelp av en tekst eller HTML editor.

2 Skriv inn følgende script over "</ head>" tag å definere CSS grensen:

<Script>

borderimg {

border:#006600 medium solid;

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

}

</ Script>

En grønn grensen av medium bredde som omfatter et bakgrunnsbilde er definert. Endre grense og bildeverdiene til din egen.

3 Finn elementet du vil bruke stilen på og legge til stil kode:

<Div id = "borderimg">

<P> En datablokk med en ramme og bakgrunnsbilde, første ledd. </ P>

<P> En datablokk med en ramme og bakgrunnsbilde, annet ledd. </ P>

</ Div>