Baggrundspanelindstillinger i Dreamweavers CSS-ejendomspanel

Ved at bruge baggrundspanelet i Dreamweavers CSS Designer-panel kan du angive en baggrundsfarve eller et billede for en stil – og kontrollere, hvordan baggrunden vises på siden. Du kan bruge indstillinger for baggrundsstil til ethvert element på din webside, der kan vise en baggrund - inklusive ,

, overskrift og billedmærker.

For eksempel kan du ændre tagget til at inkludere baggrundsindstillinger, der gælder for hele siden, eller du kan oprette en stil med klasse- eller ID-vælgeren og angive en baggrund, der kun vises bag en person

tag.

Ved at inkludere baggrunden i klassen eller ID-stilen for en

tag, kan du begrænse baggrunden til kun at blive vist på skærmen, hvor

tag er brugt. Bemærk, at indstillingen Baggrund kun virker med et billede, hvis du først indstiller en margen omkring billedet.

Du kan vælge mellem disse baggrundsmuligheder:

• Baggrundsfarve: Angiv baggrundsfarven for en defineret stil ved hjælp af en af ​​flere metoder. Du kan klikke på farvebrønden og vælge en foruddefineret farve eller oprette en brugerdefineret farve. Eller brug pipetten til at prøve en hvilken som helst farve på skærmen. Til sidst kan du indtaste en hexadecimal farvekode — sørg for at inkludere #, som i #000000 for farven sort eller #ffffff for farven hvid.

• Baggrundsbillede: Vælg et billede, der skal fungere som baggrund i din stildefinition. Indtast en hvilken som helst URL til et billede på din computer eller på internettet, eller klik på mappeikonet for at gennemse din harddisk og vælge et billede.

• Baggrundsposition: Angiv placeringen af ​​baggrundsbilledet fra venstre og toppen af ​​det overordnede element ved at indtaste et tal i hvert felt. Denne mulighed er kun synlig, hvis du klikker på den lille pil ud for URL-feltet i sektionen Baggrund for at afsløre de yderligere felter, der følger.

• Størrelse: Vælg målingen i pixels, ems eller en anden mulighed, og indtast derefter den størrelse, du ønsker til baggrunden. Hvis du lader feltet Størrelse være indstillet til auto (standard), vises billedet i den faktiske størrelse.

• Baggrundsklip: Angiv, om baggrunden begynder grænsen, udfyldningen eller indholdet af et bokselement, som f.eks.

  tag.

• Background-Repeat: Klik på det tilsvarende ikon for at angive, hvordan og om baggrundsbilledet gentages, eller fliser, på tværs og ned ad siden. Baggrundsbilleder fliser som standard, så du skal vælge en mulighed, hvis du ikke ønsker, at din baggrund skal gentages, eller du vil angive, hvordan den gentages.

  Bemærk også, at hvis billedet er større end det element, det er anvendt på, vil kun så meget af billedet, som der passer ind i elementets visningsområde, være synligt. For eksempel, hvis du bruger et 600 pixel bredt billede som baggrund for en

  tag, der er indstillet til 300 pixels bred, vil kun halvdelen af ​​billedet være synligt.

  Indstillingerne for Gentag, anført i rækkefølge efter udseendet af deres ikoner, følger:

  • Nedarv: Medmindre en anden mulighed er valgt, arver hvert element adfærden for dets overordnede element. Denne standardindstilling skal ikke angives.

  • Gentag: Baggrundsbilledet gentages lodret og vandret i elementets baggrund.

  • Gentag-X: Baggrunden gentages vandret, men ikke lodret, i baggrunden af ​​elementet.

  • Gentag-Y: Baggrunden gentages lodret, men ikke vandret, i baggrunden af ​​elementet.

  • Ingen gentagelse: Baggrunden vises én gang øverst til venstre i elementet.

  • Oprindelse: Angiv, om oprindelsen af ​​baggrunden begynder ved kanten, udfyldningen eller indholdet af et bokselement, som f.eks.

    tag.

• Vedhæftet fil: Bestem, hvordan baggrunden opfører sig, når siden rulles. Mulighederne er

  • Nedarv: Medmindre en anden mulighed er valgt, arver hvert element adfærden for dets overordnede element. Dette er en standardindstilling og skal ikke specificeres.

  • Rettet: Baggrunden forbliver klistret til ét sted i visningsområdet og ruller ikke ud af syne, selv når websiden rulles.

  • Rul: Baggrunden ruller sammen med websiden.

• Gradient: Klik på farvefeltet ud for Gradient for at åbne Dreamweavers nye visuelle gradientvælger.