О сайте
|
Карта сайта
|
Календарь сайта
|
Содержание
Проекты
Sale Explorer
Internet Office
StatSite
StatMail
StatHttp
StatCall
StatNets
Sourceforge
JsBookmaker
Флаги стран мира
Портфолио
Библиотека
Веб технологии
Теги META
Модуль mod_rewrite
Регулярные выражения PCRE
Браузеры
Поисковые сервера
Язык запросов
Ключевые слова
Примеры
Элементы дизайна
Рамки
Меню
Галереи
Заголовки
Формы
Блог
2007
Главная
//
Элементы дизайна
//
Рамки
//
Рамка с круглыми краями. Блочная верстка.
Рамка с круглыми краями
CSS:
.box {width: 300px; background: url(img/center.gif) repeat-y top left;} .box .top {width: 100%; background: transparent url(img/top.gif) no-repeat top left;} .box .bot {width: 100%; background: transparent url(img/bottom.gif) no-repeat bottom left;} .box .pad {padding: 10px 20px 10px 20px;} .wa {width: 100%; clear: both;}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <title>Example</title> </head> <body topmargin="10" leftmargin="10"> <div class="box"><div class="top"><div class="bot"><div class="pad"> <div class="wa"> text text text text<br> text text text text<br> text text text text<br> text text text text<br> text text text text<br> text text text text<br> </div> </div></div></div></div> </body> </html>
Загрузка:
example.html
example.css
Пример:
Совместимость:
Firefox
1.*
2.*
Internet Explorer
6.*
7.*
Opera
9.*
09.11.2007
Рамки
Рамка с круглыми краями.
Блочная верстка.
Рамка с тенью.
Блочная верстка
Рамка с тенью.
Табличная верстка
Рамка с уголком.
Блочная верстка
2006-2024, Roman Shtogrin
