0

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

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










    Уточнение


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

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

    Успех на всички ни!





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

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

    Ако имате необходимост да вмъкнете HTML код в коментара си, моля използвайте един от инструментите в основното меню - Конвертор на HTML кодове.


    Copyright © БЛОГ ЗА БЛОГОВЕ©2016-| Original style & code - magentawave.com | All Rights Reserved