Разделительные линии HTML

разделительные линии в html

<hr>

<hr align=center width=60%>

<hr size=5>, где size - толщина разделителя в пикселях:

<hr noshade size=5>, где noshade означает сплошную линию:


<hr width=100>, где width - ширина разделителя в пикселях:

<hr width="50%">, где width - ширина разделителя в %:

<hr width=100 align="left">, где align="left" показывает, что разделитель выровнен по левому краю:

<hr width=100 align="right">, где align="right" - разделитель выровнен по правому краю:

<hr width=100 align="center">, где align="center" - разделитель - по центру:

<hr width=100 align="justify">, где align="justify" - разделитель выровнен по ширине:

<hr color="#00B344"> - используя color, можно задать цвет линии:

<hr noshade align="center" width="3" size="50"> - если задать больший вертикальный размер линии (size) и минимальный горизонтальный (width),то получим вертикальную линию:

    Можно также использовать так называемые "разделители", чтобы отделить текст. Их вставляют как картинки. Например:

Для этого вставляем следующий код:
<img src="https://mycrib.ru/wp-content/uploads/2010/08/359.gif">

Читайте также, как вставить разделитель между постами Blogspot

6 ответов к «Разделительные линии HTML»

  1. А куда вставить код <img src=… чтобы картинку вставить между постами на главной? у меня стоят точки.

  2. Привет, у меня есть интересный пост, дополнительные кнопочки для редактирования текста и разделитель там присутствует!

  3. Подскажите пожалуйста, как вставить вертикальные линии между списком страниц (в меню)? и можно ли это меню сделать посередине, оно у меня смещено влево. Спасибо!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *