Ликиликс

  сайтостроение программирование

  

Таблица с закруглёнными углами

таблица с закруглёнными углами, отображается во всех блаузерах, настраивается легко
Вновь приветствуем вас на нашем сайте, сегодня мы для вас подготовили
готовый блок-таблицу с закруглёнными углами которую вы можете наблюдать чуть
выше этой статьи как видите отображается она корректно. Настроить её легко все
цвета и размеры, сейчас попробуем объяснить как изменить основные стили
закруглённой таблицы

этот скрипт нужно вставить между тегами HEAD

<style type="text/css">
<!--
.b1,.b2,.b3,.b4,.b5,.b6,.hh,.hf{ display: block; overflow: hidden; }
.b2,.b3,.b4,.b5{border-style: solid;border-color:#ffffff;background: #4C4C4C;}////:#ffffff левая и правая таблица #4C4C4Cцвет фона закруглённой таблицы
.b1,.b2,.b3{height: 1px;}
.b3,.b4,.b5{border-width: 0pt 1px;}
.b1{margin: 0pt 5px; background: #DDD;} верхняя и нижняя таблица
.b2{border-width: 0pt 2px; margin: 0pt 3px;}
.b3{margin: 0pt 2px;}
.b4{margin: 0pt 1px;height: 2px;}
.b6{font-size: 1px;}
.hh{height: 7px;} верхний отступ
.hf{height: 4px;} нижний отступ
-->
</style>

Этот код вставить где должна отображаться таблица с закруглёнными углами

<div style="MARGIN: 11px; WIDTH: 400px"> 400 общая ширина таблицы
<b class="b6"><b class="b1"></b>
<b class="b2"></b><b class="b3"></b>
<b class="b4"></b></b>
<div class="b5" align="center">
<b class="hh"></b><font color="#ffffff"> цвет шрифта в закруглённой таблице
текст<b class="hf"></b></font></div>
<b class="b6"><b class="b4"></b>
<b class="b3"></b><b class="b2"></b>
<b class="b1"></b></b></div>


 

Подпишитесь на новые статьи через twitter

 

 
Copyright © My Company 2009-2013      обратная связькарта сайта