Блог о создании, поисковой оптимизации и продвижении сайтов, хостинг, домены, аналитика

+7 (495) 542-05-85

Сверстать 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 блок с этим стилем.
Подобными элементами пользуется Википедия. Пример реализации можно посмотреть в коде Вики.

Опубликовано в рубрике: Создание сайтов
Метки: , , , , , , , ,
Автор: admin.


Добавьте ссылку на запись себе в социальные закладки:
Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong


Комментарии запрещены.