Линии в документах Html

Горизонтальная линия вводится в документ Html при помощи тега <hr>, закрывающего тега не требует.

Эта линия создана при помощи тега <hr>


Тег <hr> имеет следующие атрибуты:

size - Устанавливает высоту (толщину) линии <hr size="8">




width - Устанавливает ширину линии в пикселях или процентах <hr width="300">




color - Задает линии определенный цвет <hr color="#FF0000">




align - выравнивает линию по левому, по правому краю и по центру принимает значения left, right, сenter соответственно. <hr align="right" width="400">




Для одного тега <hr> можно прописать сразу несколько атрибутов. <hr color="blue" size="8">



В дополнение хочу сказать, что не стоит злоупотреблять атрибутом color, так как его понимают не все браузеры. Но если уж встала сильная необходимость в цветной линии, то лучше использовать вот такую конструкцию:

  <table width="100%" height="1" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Ваша фоновая картинка 1х1 пикселя" width="100%" height="1"></td>
</tr>
</table>

Создаете таблицу с одной ячейкой, шириной 100%, высотой 1 пиксель, в ячейку вкладываете картинку 1х1 пикселя, того цвета в который вы хотите раскрасить свою линию и в итоге получается вот такая линия ни чем не отличимая от простой линии.

Не много сложнее чем тег <hr>, но за то вы будете уверенны, что ваша линия, будет отображаться должным образом в любом браузере.



Вернкться назад Перейти к следующей странице



2009 - 2018г. andron09_73@mail.ru