Znacznik div
kolor tła i opływanie
<div style="width:80%; margin:auto">
<div style="background-color:#FFF0F0; height:150px">Nagłówek strony</div>
<div style="width:20%; float:left; height:300px; background-color:#FFFFC0">
<h3>Menu</h3>
<ul>
<li>Link 1
<li>Link 2
<li>Link 3
<li>Link 4
</ul>
</div>
<div style="width:60%; float:left; height:300px; background-color:#D3FAFA">Główna zawartość strony</div>
<div style="width:20%; float:left; height:300px; background-color:#FFFFC0">Prawa kolumna</div>
<div style="clear:both"></div>
<div style="height:150px; background-color:#C4FFC6">Stopka strony</div>
</div>
Wynik działania
Nagłówek strony
Menu
- Link 1
- Link 2
- Link 3
- Link 4
Główna zawartość strony
Prawa kolumna
Stopka strony
linie
border:1px solid black
border:3px dotted red
border:5px dashed #c0c0c0
border:2px solid green; border-top:5px solid black
border:5px double black; border-bottom:3px double red
border:10px ridge black
tło
border:1px solid black;background:red
border:1px solid black;background:linear-gradient(green,yellow)
border:1px solid black;background:linear-gradient(to right, red, green)
border:1px solid black;background:linear-gradient(to left,red,orange,yellow,green,blue,indigo,violet)
border:1px solid black;background:url('t.jpg')
border:1px solid black;background:url('t.jpg') repeat-x
border:1px solid black;background:url('t.jpg') repeat-y
border:1px solid black;background:url('t.jpg') no-repeat