WEBSET - разработки для Интернет

Как задать цвет линии тега hr

28 августа 2007 | CSS и HTML | распечатать | просмотров: 9292
 (Голосов: 5)

Цвет линии, добавленной на веб-страницу через тег <hr>, по умолчанию отображается серого цвета и с эффектом объема.

Такой вид линии не всегда подходит к дизайну сайта, поэтому понятно желание разработчиков изменить цвет и другие параметры линии через стили.

Однако браузеры неоднозначно подходят к этому вопросу, из-за чего придется использовать сразу несколько стилевых атрибутов.

В частности, браузер Internet Explorer для цвета линии применяет свойство color, а браузеры Firefox и Opera background-color. Но это еще не все, при этом обязательно следует указать толщину линии (параметр height) отличной от нуля и убрать рамку вокруг линии, задавая значение none у атрибута border.

Собирая все параметры воедино для селектора hr, получим универсальное решение для популярных браузеров.

style="color: #000000"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>Цвет горизонтальной линии</title>
<style type="text/css">
HR {
 border: none; /* Убираем границу для браузера Firefox */
 color: red; /* Цвет линии для браузера Internet Explorer */
 background-color: red; /* Цвет линии для браузера Firefox и Opera */
 height: 2px; /* Толщина линии */
}
</style>
</head>
<body>
<hr>
<hr>
</body>
</html>

В данном примере цвет линии задан как красный, а толщина линии равна двум пикселам.

По материалам: htmlbook.ru

Партнеры:

Все про современный бодибилдинг, бизнес и финансы, энергетика Украины, Сайт про Стюарта МакРоберта, Интернет-магазин ноутбуков Absolut UA.

Реклама:

Freemindaz family , Провод опоры линии электропередач кабель

© 2007 WEBSET
При использовании материалов сайта ссылка на источник обязательна.
Работает на базе CMS 2z project