Разделителни линии в публикация

Здравейте всички, които в момента сте на моя blogzablogove.com. Ако си спомняте скоро писах за рамки, с които можем да оградим част от текст на една публикация. И не само това, а и как да настроим рамката по цвят на фона и канта. Днес ще отидем малко встрани от тази тема.

Ще създаваме разделителни линии в текст на публикация, като ще използваме вече познатите ни елементи на рамките.
И така, да започваме с най-често използваните видове разделителни линии.

Видове разделителни линии

➤Пунктирана (dashed) линия

Код:

<div style="background-color: #e54651; border-top: 3px dashed #0e5198; margin-top: 2em;"></div>

➤Точковидна (dotted) линия

---

Код:

<hr style="border: 2px dotted #2c1294;">

➤Двойна (double) линия

---

Код:

<hr style="border: 3px double #029d74;">

➤Изпъкнала (outset) линия

---

Код:

<hr style="border: 3px outset #b561ff;">

➤Вдлъбната (groove) линия

---

Код:

<hr style="border: 3px groove #00b2a1;">

➤Линия (ridge) с ръбове

---

Код:

<hr style="border: 2px ridge #e74444;">

➤Обикновена тройна линия

---

---

---

Код:

<hr style="height: 0px;">

<hr style="height: 0px;">

<hr style="height: 0px;">

➤Цветна тройна линия

---

---

---

Код:

<hr style="height: 0px; border-bottom: 2px solid #e74444;">

<hr style="height: 0px; border-bottom: 2px solid #00b2a1;">

<hr style="height: 0px; border-bottom: 2px solid #e74444;">

Уточнение

Не се съмнявам, че ще разпознаете значенията в кодовете, отговарящи за вида и цвета на разделителните линии в публикация, които можете да се променяте.

Още информация за разделителните линии ще споделя малко по-късно. За днес е това, съвсем накратко.
Ако имате въпроси, моля в коментарите. Ще изясним всичко.

Успех!

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на: