En vit yta med svarta kanter och grå skuggor på två sidor eller en vit fyrkant placerad snett ovanpå en lika stor grå fyrkant.
En grå rektangel skapar man med hjälp av följande kod:
<DIV STYLE="position:absolute;
left:164px;top:114px;
width:200px;height:300px;
background-color:#cccccc"></DIV>
Koden för den vita rektangeln ser nästan likadan ut. Det som skiljer är placeringen (siffrorna efter
left och
top) och den tunna svarta ramen (
border):
<DIV STYLE="position:absolute;
left:160px;top:110px;
width:200px;height:300px;
background-color:white;border:solid 1px black">
text text
</DIV>
Den DIV-tagg som skrivs in först hamnar underst. Man kan också reglera placeringen i djupled med hjälp av
z-index. Ett lager med
z-index:0 hamnar under ett lager med
z-index:3 osv.
STORLEK
width:200px // bredd 200 pixlar
height:300px // höjd 300 pixlar
PLACERiNG
left:160px // 160 pixlar från vänsterkanten
top:110px // 110 pixlar från överkanten
I exemplet placeras den vita fyrkanten med
left:160px top:110px
I exemplet placeras den grå fyrkanten med
left:164px top:114px
BAKGROUNDSFÄRG
background-color:#cccccc // bakgrundsfärg ljusgrå
DEN SVARTA KANTEN
border:solid 1px black // heldragen 1 pixel bred svart
Sidan gjordes av
ilj@flowsim.se
Senast ändrad 30 april 2004.
Den här sidan hör hemma i ett ramsystem hos:
www.flowsim.se
ilj@flowsim.se