Sekcje na stronie 1

<style type="text/css">
<!--
div   {border-style:solid; border-color:black; padding:0 12pt}
div p {padding:0 12pt; border-width:1px; border-style:dotted}

div#sekcja1 {color:green; background-color:#FFFFE0; margin-bottom:12pt}
div#sekcja2 {color:blue; background-color:#E6E6FA}

div#sekcja1 p {background-color:#E6E6FA}
div#sekcja2 p {background-color:#FFFFE0}
-->
</style>

Kod dla sekcji

<div id="sekcja1">
<p>Zielony akapit.</p>
<p>Zielony akapit.</p>
</div>

<div id="sekcja2">
<p>Niebieski akapit.</p>
<p>Niebieski akapit.</p>
</div>

Efekt wizualny

Zielony akapit.

Zielony akapit.

Niebieski akapit.

Niebieski akapit.

Strona główna