Създаване и водене на безплатен блог на платформата Blogger. Препоръки и съвети.

Търсене

Breaking

понеделник

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

Разделителни линии
Здравейте всички, които в момента сте на моя 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;">



    Уточнение


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

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

    Успех!

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

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

    BGtop





    Няма коментари:

    Публикуване на коментар