О сайте
|
Карта сайта
|
Календарь сайта
|
Содержание
Проекты
Sale Explorer
Internet Office
StatSite
StatMail
StatHttp
StatCall
StatNets
Sourceforge
JsBookmaker
Флаги стран мира
Портфолио
Библиотека
Веб технологии
Теги META
Модуль mod_rewrite
Регулярные выражения PCRE
Браузеры
Поисковые сервера
Язык запросов
Ключевые слова
Примеры
Элементы дизайна
Рамки
Меню
Галереи
Заголовки
Формы
Блог
2007
Главная
//
Элементы дизайна
//
Рамки
//
Рамка с уголком. Блочная верстка
Рамка с уголком. Блочная верстка
CSS:
.box {border: 1px solid #b8b8b8;margin-bottom: 1em;width: 200px;} .box .corner {background: transparent url(img/corner.gif) bottom right no-repeat; position: relative; left: 1px; top: 1px; padding: 1px 4px 15px 5px; }
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="corner"> text text text text<br> text text text text<br> text text text text<br> </div> </div> </body> </html>
Загрузка:
example.html
example.css
Пример:
Совместимость:
Firefox
1.*
2.*
Internet Explorer
6.*
7.*
Opera
9.*
09.11.2007
Рамки
Рамка с круглыми краями.
Блочная верстка.
Рамка с тенью.
Блочная верстка
Рамка с тенью.
Табличная верстка
Рамка с уголком.
Блочная верстка
2006-2024, Roman Shtogrin
