Ще създаваме разделителни линии в текст на публикация, като ще използваме вече познатите ни елементи на рамките.
И така, да започваме с най-често използваните видове разделителни линии.
Видове разделителни линии
➤Пунктирана (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;">
Уточнение
Не се съмнявам, че ще разпознаете значенията в кодовете, отговарящи за вида и цвета на разделителните линии в публикация, които можете да се променяте.
Още информация за разделителните линии ще споделя малко по-късно. За днес е това, съвсем накратко.
Ако имате въпроси, моля в коментарите. Ще изясним всичко.
Успех!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
Няма коментари:
Публикуване на коментар