Hur man skapar en div style Element

October 1

Hur man skapar en div style Element


En DIV elementet är i huvudsak en HTML-behållare för text, bilder eller annat innehåll. DIV element kan du stil och organisera ditt innehåll med en stor flexibilitet. Du kan snabbt skapa mycket anpassade DIV element genom att ändra den grundläggande DIV HTML-sekvens.

Instruktioner

1 Infoga följande kod fragment i HTML på plats i kodning där du vill att DIV elementet inträffa:

<Div id = layer1 style = "position: absolute; top: [A]; vänster: [B]; width: [C]; height: [D], z-index: 1; padding: 5px; kant: # 000000 2px solid, bakgrundsfärg: # 000000; background-image: URL (yourfilename.gif); ">

[Innehåll går här]

</ Div>

2 Bestäm hur långt från toppen av din sida (i pixlar) som du vill att din DIV elementet som ska placeras. Byt [A] i kodsekvensen med detta värde.

3 Bestäm hur långt (i pixlar) som du vill att din DIV elementet indragen från vänster. Byt ut [B] i kodsekvensen med detta värde.

4 Bestäm hur bred (i pixlar) som du vill att din DIV elementet vara. Byt [C] i kodsekvensen med detta värde.

5 Bestäm hur lång (i pixlar) som du vill att din DIV elementet vara. Byt [D] i kodsekvensen med detta värde.

6 Ändra värdet "z-index" om du har flera överlappande DIV element genom att hitta fragmentet "z-index: 1" i koden och ändra det numeriska värdet. Standardvärdet, 1, är den lägsta nivån DIV element nivån längst till bakgrunden. Om du inte har flera DIV element, kan detta värde lämnas på en.

7 Bestäm hur mycket "padding" du vill inuti DIV element. Padding är väsentligen marginalen inuti DIV självt. Standardinställningen för utfyllnad är 5 pixlar. Om du vill ha mer eller mindre stoppning, ändra det numeriska värdet i fragmentet "padding: 5px". Ett högre antal kommer att öka utfyllnaden, och ett lägre antal kommer att minska den. Var noga med att lämna "px" beteckning på plats.

8 Styla gränsen till din DIV element. Fragmentet av kod som styr gräns stil är "border: # 000000 2px solid". Den "# 000000" är hex kod som styr färgen av gränsen. Ändra hex koden till valfri färg. Den "2px" beteckning definierar bredden av gränsen. Ökning av detta värde kommer att öka bredden av gränsen. Minskar detta värde (till ett minimum av 1) kommer att minska värdet. Om du vill ha en gräns som är prickade, streckade, dubbel, spår, ås, inlägg, eller början, ändra uttrycket "fast" i koden till den tid du valt. Om du vill ha en DIV inslag utan gräns, kan utelämnas hela denna del av koden.

9 Ändra bakgrundsbild på din DIV elementet genom att ersätta "yourfilename.gif" i koden fragment "background-image: URL (yourfilename.gif)" med namnet på den bild som du väljer filen.

10 Byt [innehåll går här] med allt innehåll du vill ha i din DIV element. Detta kan vara text eller bilder.


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2021 Astrixsoft.com | Contact us: webmaster# astrixsoft.com