Как провести в своём блоге разноообразные линии

Как провести в своём блоге разноообразные линии

Линии можно применять, например, для того, чтобы делить пост на логические разделы, отделять друг от друга цитаты, мысли, афоризмы.

Замечу, что цветные линии отображаются на 100% корректно только в IE
 

---

ее код:
<hr>
Далее:

---

<hr align=center width=60%>
По умолчанию линия имеет толщину 2 пиксела и некоторую объемность.
Необъемная линия:

---

<hr noshade>

---

<hr noshade width=60% size="3">

---

<hr size=3 color="#FF0000">

---

<hr color="#00B344">

---

<hr noshade align="center" width="3" size="50">

---

<hr size="5" width="60%" align="center" color="blue">

---

<hr color="blue" size="7" style="border: dotted 5pt; border-color: red ">

---

<hr color="red" size="9" style="border: dotted 5pt; border-color: blue ">

---

<hr color="black" size="4" style="border: dashed 5pt; border-color: aqua ">
Повторюсь, что цветные линии корректно отображает только IE, поэтому иногда проще использовать клавиатурные или спец. символы:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

оформленные в виде текстового абзаца:
<p align=center style=color:blue;> ~~~~~~~~~~~~~~~~~~~~~~~~</p>
Можно выпендриться как-нибудь эдак:

<img src=http://img218.imageshack.us/img218/4139/line014aq3.gif align=center>
эдак:

<img src=http://img218.imageshack.us/img218/9140/line002va4.gif align=center>
эдак:

<img src=http://media.bigoo.ws/content/90/265890/Stars.gif align=center>
или эдак:

<img src=http://img87.imageshack.us/img87/6087/hline13lz2.gif align=center>
Эти линии представляют собой картинки (и их должны корректно отображать все браузеры)
Собраний таких картинок в сети сейчас пруд пруди.
Например, ЗДЕСЬ
Наберите в поисковике divider — и вперед
Если нужно прижать линию к левой кромке записи, вместо align=center ставьте align=left
к правой — align=right

---

В начало ↑