Bruk bakgrunnspanelet i Dreamweavers CSS Designer-panel, du kan angi en bakgrunnsfarge eller et bilde for en stil - og kontrollere hvordan bakgrunnen vises på siden. Du kan bruke bakgrunnsstilinnstillinger for ethvert element på nettsiden din som kan vise en bakgrunn - inkludert, overskrift og bildekoder.
Du kan for eksempel endre koden for å inkludere bakgrunnsinnstillinger som gjelder for hele siden, eller du kan opprette en stil med klassen eller ID-velgeren og angi en bakgrunn som bare vises bak et individ stikkord.
Ved å inkludere bakgrunnen i klassen eller ID-stilen til en tag, kan du begrense bakgrunnen som bare skal vises på skjermen hvor taggen brukes. Merk at alternativet Bakgrunn kun fungerer med et bilde hvis du først angir en margin rundt bildet.
Du kan velge mellom disse bakgrunnsalternativene:
-
Bakgrunnsfarger: Angi bakgrunnsfargen til en definert stil ved hjelp av en av flere metoder. Du kan klikke på fargebrønnen og velge en forhåndsdefinert farge eller opprette en egendefinert farge. Eller bruk eyedropper til å prøve hvilken som helst farge på skjermen. Til slutt kan du skrive inn en heksadesimal fargekode - sørg for å inkludere #, som i # 000000 for fargen svart eller #ffffff for fargen hvit.
-
Bakgrunnsbilde: Velg et bilde som skal fungere som bakgrunn i stildefinisjonen. Skriv inn en hvilken som helst URL til et bilde på datamaskinen eller på Internett, eller klikk på mappeikonet for å bla gjennom harddisken og velg et bilde.
-
Bakgrunnsposisjon: Angi posisjonen til bakgrunnsbildet fra venstre og øverst på overordnet element ved å skrive inn et tall i hvert felt. Dette alternativet er kun synlig hvis du klikker på den lille pilen ved siden av URL-feltet i Bakgrunnsseksjonen for å avsløre de ekstra feltene som følger.
-
Størrelse: Velg målingen i piksler, ems eller et annet alternativ, og skriv deretter inn størrelsen du vil ha for bakgrunnen. Hvis feltet Felt er satt til automatisk (standard), vises bildet i faktisk størrelse.
-
Bakgrunnsblekk: Angi om bakgrunnen begynner grensen, polstringen eller innholdet i et bokselement, for eksempel en tagg.
-
Bakgrunn-Gjenta: Klikk på det tilhørende ikonet for å angi hvordan og om bakgrunnsbildet gjentar, eller fliser, på tvers av og nedover siden. Bakgrunnsbilder fliser som standard, så du må velge et alternativ hvis du ikke vil at bakgrunnen din skal gjenta eller du vil spesifisere hvordan den gjentar.
Merk også at hvis bildet er større enn elementet som det blir brukt på, vil bare så mye av bildet som passer inn i elementets visningsområde være synlig.Hvis du for eksempel bruker et bilde på 600 piksler som bakgrunnen til en tagg som er satt til 300 piksler bredt, vil bare halvparten av bildet være synlig.
Gjenta alternativene, oppført i rekkefølge av deres ikoner, følger:
-
Erver: Med mindre annet valg er valgt, arver hvert element oppførselen til dets overordnede element. Dette standardalternativet trenger ikke spesifiseres.
-
Gjenta: Bakgrunnsbildeet gjentas vertikalt og horisontalt i elementets bakgrunn.
-
Gjenta-X: Bakgrunnen gjentas horisontalt, men ikke vertikalt, i bakgrunnen av elementet.
-
Gjenta-Y: Bakgrunnen gjentar vertikalt, men ikke horisontalt, i bakgrunnen av elementet.
-
No-Repeat: Bakgrunnen vises en gang øverst til venstre på elementet.
-
Opprinnelse: Angi om opprinnelsen til bakgrunnen begynner ved grensen, polstringen eller innholdet i et bokselement, for eksempel en tagg.
-
-
Vedlegg: Bestem hvordan bakgrunnen oppfører seg når siden rulles. Alternativene er
-
Arve: Med mindre annet valg er valgt, arver hvert element oppførselen til dets overordnede element. Dette er et standardalternativ og trenger ikke spesifiseres.
-
Fast: Bakgrunnen forblir limt til ett sted i visningsområdet og ruller ikke ut av syne, selv når nettsiden rulles.
-
Bla: Bakgrunnen ruller sammen med nettsiden.
-
-
Gradient: Klikk fargebrønnen ved siden av Gradient for å åpne Dreamweaver's nye visuelle gradientvelger.
