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

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