Bakgrundspanelalternativ i Dreamweavers CSS-objektpanel

Bakgrundspanelalternativ i Dreamweavers CSS-objektpanel - dummies

Använd bakgrundspanelen i Dreamweavers CSS Designer panel kan ange en bakgrundsfärg eller bild för en stil - och kontrollera hur bakgrunden visas på sidan. Du kan använda inställningar för bakgrundsstil för alla delar av din webbsida som kan visa en bakgrund - inklusive rubrikerna, rubriken och bildtaggarna.

Du kan till exempel ändra taggen till att inkludera bakgrundsinställningar som gäller hela sidan, eller du kan skapa en stil med klass- eller ID-väljaren och ange en bakgrund som bara visas bakom en individ märka.

Genom att inkludera bakgrunden i klassens eller ID-stilen på en tagg kan du begränsa bakgrunden till att visas på skärmen endast där taggen används. Observera att alternativet Bakgrund endast fungerar med en bild om du först ställer in en marginal runt bilden.

Du kan välja mellan dessa Bakgrundsalternativ:

  • Bakgrundsfärg: Ange bakgrundsfärgen för en definierad stil med en av flera metoder. Du kan klicka på färgbrunnen och välja en fördefinierad färg eller skapa en anpassad färg. Eller använd eyedroppen för att prova vilken färg som helst på skärmen. Slutligen kan du ange en hexadecimal färgkod - se till att inkludera #, som i # 000000 för färgen svart eller #ffffff för färgvit.

  • Bakgrundsbild: Välj en bild som ska fungera som bakgrund i din stildefinition. Ange en webbadress till en bild på datorn eller på Internet, eller klicka på mappikonen för att bläddra i hårddisken och välj en bild.

  • Bakgrundsställning: Ange bakgrundsbildets position från vänster och överst på moderelementet genom att ange ett nummer i varje fält. Det här alternativet är bara synligt om du klickar på den lilla pilen bredvid URL-fältet i avsnittet Bakgrund för att visa de ytterligare fälten som följer.

  • Storlek: Välj mätningen i pixlar, ems eller ett annat alternativ och ange önskad storlek för bakgrunden. Om du lämnar fältet Storlek som är inställd på auto (standard) visas bilden i verklig storlek.

  • Bakgrundsblock: Ange om bakgrunden börjar gränsen, vadderingen eller innehållet i ett fältelement, till exempel en tagg.

  • Bakgrundsrepetition: Klicka på motsvarande ikon för att ange hur och om bakgrundsbilden upprepas eller plattor över och ner på sidan. Bakgrundsbilder är som standard, så du måste välja ett alternativ om du inte vill att din bakgrund ska upprepas eller du vill ange hur den upprepas.

    Observera också att om bilden är större än det element som den appliceras på, kommer bara så mycket av bilden som passar i elementets visningsområde att vara synlig.Om du till exempel använder en bild på 600 pixlar som bakgrund av en tagg som är inställd på 300 pixlar bred, är bara hälften av bilden synlig.

    Alternativen Repetera, listade enligt deras ikoner, följer:

    • Arv: Om inget annat alternativ är valt, är varje element arvt beteendet hos dess överordnade element. Detta standardalternativ behöver inte anges.

    • Repeat: Bakgrundsbilden upprepas vertikalt och horisontellt i elementets bakgrund.

    • Repeat-X: Bakgrunden upprepas horisontellt, men inte vertikalt, i bakgrunden av elementet.

    • Repeat-Y: Bakgrunden upprepas vertikalt, men inte horisontellt, i bakgrunden av elementet.

    • No-Repeat: Bakgrunden visas enstaka längst upp till vänster om elementet.

    • Ursprung: Ange om bakgrundens ursprung börjar vid gränsen, vadderingen eller innehållet i ett lådelement, till exempel en etikett.

  • Bilaga: Bestäm hur bakgrunden beter sig när sidan rullas. Alternativen är

    • Inherit: Om inget annat alternativ väljs, arvder varje element beteendet hos dess moderelement. Detta är ett standardalternativ och behöver inte anges.

    • Fast: Bakgrunden förblir limmad till en plats i visningsområdet och rullar inte ut ur sikte, även när webbsidan rullas.

    • Scroll: Bakgrunden rullar tillsammans med webbsidan.

  • Gradient: Klicka på färgbrunnen bredvid Gradient för att öppna Dreamweavers nya visuella gradientväljare.