Hem Sociala medier Bakgrundspanelalternativ i Dreamweavers CSS-objektpanel - dummies

Bakgrundspanelalternativ i Dreamweavers CSS-objektpanel - dummies

Anonim

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.

Bakgrundspanelalternativ i Dreamweavers CSS-objektpanel - dummies

Redaktörens val

Vad är en Java-karta? - dummies

Vad är en Java-karta? - dummies

Arrays och specialiserade listor gör det möjligt att utföra en fantastisk uppsättning uppgifter med Java. Det finns dock situationer där en Java-applikation behöver något som är mer relaterat till en databas, utan att egentligen ha allt databasbagage (som att behöva köpa en separat applikation). Till exempel kanske du vill kunna ...

Några få saker om Java Math - dummies

Några få saker om Java Math - dummies

Tro det eller inte, datorer - även de mest kraftfulla - Ha vissa begränsningar när det gäller att utföra matematiska beräkningar. Dessa begränsningar är vanligtvis obetydliga, men ibland slår de sig och biter på dig. Här är de saker du behöver se upp för när du gör matte i Java. Helhetsflöde Det grundläggande problemet ...

Vad är recursion i Java Programmering? - dummies

Vad är recursion i Java Programmering? - dummies

Rekursion är en grundläggande programmeringsteknik som du kan använda i Java, där en metod kallar sig för att lösa ett problem. En metod som använder denna teknik är rekursiv. Många programmeringsproblem kan lösas endast genom rekursion, och vissa problem som kan lösas med andra tekniker löses bättre genom rekursion. En av ...

Redaktörens val

4 Måste-inkludera i din blogg sidobardesign - dummies

4 Måste-inkludera i din blogg sidobardesign - dummies

Din bloggens sidofält är viktig fastighet som bör innehålla de element du vill ha mest. När du utformar din blogg sidofält kan du dra från en nästan oändlig lista över sidospårelement. Genom att välja noggrant vad som ska inkluderas (och vad som inte ska inkluderas) kan du ställa in din blogg från andra.

5 Användbara Wordpress Plugins - dummies

5 Användbara Wordpress Plugins - dummies

Om du bloggar på en självhävd plattform med WordPress-programvara, är det dags att anpassa din blogg med plug-ins - programvara som kan "anslutas" till din befintliga WordPress bloggprogramvara. Plug-ins gör det möjligt för dig att göra allt från funktionsbildspel i dina blogginlägg för att ansluta sociala medier till din webbplats. Här är fem användbara ...

7 Sätt att erövra Writer's Block som en Blogger - dummies

7 Sätt att erövra Writer's Block som en Blogger - dummies

Varje bloggare möter författarens block i ett tid eller annan. Om du är den typ av bloggare som sköter innehåll varje dag, kan författarens block vara stäverande. Kan du inte ta en paus för att få ditt skrivande mojo tillbaka? Prova en (eller flera) av dessa sju sätt att slå författarens block för att få dig tillbaka ...

Redaktörens val

10 Stora elektronikkomponentkällor - dummies

10 Stora elektronikkomponentkällor - dummies

Letar du efter några bra källor till dina elektroniska delar? Denna lista ger dig några fleråriga favoriter, både inom och utanför Nordamerika. Denna lista är inte uttömmande. Du hittar bokstavligen tusentals specialutbud för ny och begagnad elektronik. Plus, Amazon och eBay ger virtuella marknadsplatser för alla sorters säljare - ...

Elektronik Basics: Resistance - dummies

Elektronik Basics: Resistance - dummies

I elektronikvärlden är motståndet inte meningslöst. Faktum är att motstånd kan vara mycket användbart. Utan motstånd skulle elektronik inte vara möjligt. Elektronik handlar om att manipulera strömmen av ström, och ett av de mest grundläggande sätten att manipulera strömmen är att minska det genom resistans. Utan motstånd strömmar strömmen oreglerad och där ...

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

För att berätta för BASIC Stamp vad du vill göra i ditt digitala elektronikprojekt måste du programmera det. BASIC Stamp Windows Editor är den programvara som du använder på din dator för att skapa program som kan laddas ner till en BASIC Stamp-mikrokontroller. Denna programvara är tillgänglig gratis från Parallax webbplats. ...