Hvordan lage bakgrunnsStrek på bunnen i CSS

En Cascading Style Sheet (CSS) er en skriftlig regel som bestemmer hvordan en webside vises til en Web-bruker. Webdesignere bruke CSS-regler for å designe utseendet på innhold på sine nettsider. En av disse regler er kjent som bakgrunn-stillingen egenskap. Bakgrunnen-posisjon eiendom etablerer posisjonen til et bakgrunnsbilde for en webside element.

Bruksanvisning

1 Lag en CSS-regel for websiden element, og fest bakgrunnsbildet. For eksempel, ville dette eksempelet plassere en GIF-fil som bakgrunn for kroppen element på websiden:

kropp
{
background-image: URL ( 'yourBackgroundImage.gif');
}

2 Inkluder bakgrunnen-posisjon eiendom i CSS-regel for ditt element. For eksempel vil angi et bakgrunnsbilde for å justere med bunnen av nettstedets kropp element, bør du ta med background-position i kroppen element regel som i dette eksempelet:

kropp
{
background-image: URL ( 'yourBackgroundImage.gif');
background-posisjon: center bunn;
}

3 Velg eiendomsverdi på ditt valg. Når skrive CSS-regel, bør du tilordne en verdi til background-position. Du kan velge å bare bruke "bunnen" eiendommens verdi. Dette vil ha effekten av å samkjøre bakgrunnsbildet med undersiden av elementet. Det er også tre retningsegenskapsverdier som sams bakgrunnen med bunnen av elementet. Dette er den "nedre venstre", "høyre nederst" og "center bunn" eiendomsverdier. I eksempelet ovenfor, er "sentrum bunnen" eiendommens verdi benyttes. Dette vil justere bildet til sentrum og nederst på websiden kropp element.

4 Påfør eiendommens verdi til bakgrunnen-posisjon eiendom. Når du bestemmer deg på den aktuelle eiendommens verdi, skrive denne verdien inn i CSS-regel i henhold til ovennevnte eksempel.

5 Påfør andre eiendomsverdiene etter behov. Bakgrunnen-posisjon eiendommen vil akseptere andre eiendomsverdier, noe som gjør at du kan style posisjonering av bakgrunnen på flere forskjellige måter, blant annet plassering av bakgrunnen på et angitt sted og gjenta bakgrunnen langs en horisontal eller vertikal akse. The World Wide Web Consortium har publisert et sett med standarder som beskriver disse ekstra eiendomsverdier.