1. Style sheet (CSS)
Zila tabula:
Code
.ramka {border:1px solid #ABD8F0; background:#f3faff; }
.hed_ramka {background:#E3F5FF; padding:5px;border-bottom:1px solid #ABD8F0;font-weight:bold;font-size:13px;font-family:tahoma;color:#3D6276;text-shadow:1px 1px 0px #fff;}
.text {padding:5px; font-family:tahoma;font-size:11px; }
Sarkana tabula:
Code
.ramka_red {border:1px solid #f0abab; background:#fff3f3; }
.hed_ramka_red {background:#ffe3e3; padding:5px;border-bottom:1px solid #f0abab;font-weight:bold;font-size:13px;font-family:tahoma;
color:#763d3d;text-shadow:1px 1px 0px #fff;}
.text_red {padding:5px; font-family:tahoma;font-size:11px; }
2. HTML/CSS vietā, kurā gribam redzēt tabulas:
Code
<div class="ramka">
<div class="hed_ramka">Zils uCozwebmeistars</div>
<div class="text">Tabulas saturs</div>
</div>
<div class="ramka_red">
<div class="hed_ramka_red">Sarkans uCozwebmeistars</div>
<div class="text_red">Tabulas saturs</div>
</div>
3. Iznākums: