Сверстать html скругленные углы для таблицы и div при помощи таблицы стилей css

Главная страница » Последние записи блога » Создание сайтов » Сверстать html скругленные углы для таблицы и div при помощи таблицы стилей css

Сверстать html скругленные углы для таблицы и div при помощи таблицы стилей cssЧасто многим веб мастерам приходится создавать блоки с скругленными углами блока div или таблицы. Некоторые пользуются картинками — создают таблицу или блок div из большого количества тэгов и элементов.
Проще всего воспользоваться таблицей стилей CSS.
А именно следующие элементы:
background-color: #e6eaed;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
Далее создаете таблицу, либо div блок с этим стилем.
Подобными элементами пользуется Википедия. Пример реализации можно посмотреть в коде Вики.