• Авторизация
Дневник Вера_Верочка_Веровь Лента друзей - Дневник - Полная версия


Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте. 15-10-2019 13:37 к комментариям - к полной версии - понравилось!






    margin-left: например 20px; /* Отступ с левого края рамочки*/

    padding-left: например 10px; /* Расстояние от линии до текста */

    border-left: например 2px solid #ccc /* Параметры линии */, где

    2px — Ширина (толщина) линии в px;

    solid — Вид линии (- solid — сплошная линия; - dotted — точки; - dashed — пунктир; - double — двойная;
    - groove — вдавленная линия с имитацией объема; - ridge — выпуклая с имитацией объема; - inset — весь блок кажется вдавленным; - outset — весь блок кажется выпуклым;)

    #ccc — Цвет линии в разных форматах(#50e024; #6C3; rgb(31%, 88%, 14%); hsl(106, 75%, 51%); и т.д.)


    Для подбора цвета линии можно использовать КОНВЕРТЕР ЦВЕТОВ. В формулу подходят значения цветов в форматах: HEX; WEBSAFE; RGB; RGBA; % RGB; % RGBA; HSL; HSLA



И ещё одна формула вертикальной линии в тексте (чуть-чуть отличается, какую будете использовать — решать Вам!):


Вертикальная линия HTML
С помощью свойства border-left мы задаем границу блока с левой стороны, и задаем следующие параметры границы:
border-left: 3px – толщина линии
solid – сплошная линия.Так же можно сделать: пунктирную(dotted), прерывистую (dashed), double (двойную), вогнутую (groove), и выпуклую (ridge).
red – это цвет границы. Его вы можете задать названием цвета, #, в шестнадцатеричном формате, с помощью таблицы цветов RGB или RGBA.

Помощь сайтов:
1. htmlbook.ru
2. impuls-web.ru

Если у вас в формуле отображается T-H2IZ смотрите памятку
У меня такое бывает...

============================


вверх^ к полной версии понравилось! в evernote
Комментарии (9):
ЗИТТА 16-10-2019-00:36 удалить
Спасибо,Вера,большое за полезные уроки!Цитирую с благодарностью!Как освою результаты покажу))))
Обратиться - Ответить - К полной версии
E-Ledi 18-10-2019-20:25 удалить
Большое спасибо, Верочка! С благодарностью цитирую.
Обратиться - Ответить - К полной версии
NATALI_KOMJATI 19-10-2019-14:10 удалить
С благодарностью...
Обратиться - Ответить - К полной версии
ЛюдмилкаЧумаченко 24-10-2019-12:36 удалить
Доброго дня...спасибо за интересный урок...
Обратиться - Ответить - К полной версии
Tapioka 25-10-2019-19:11 удалить
Спасибо за находку!
Обратиться - Ответить - К полной версии
Нина_Зобкова 29-10-2019-16:04 удалить
Спасибо за полезный пост! Цитирую с благодарностью!)))
Обратиться - Ответить - К полной версии


Комментарии (9): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте. | Вера_Верочка_Веровь - У самовара | Лента друзей Вера_Верочка_Веровь / Полная версия Добавить в друзья Страницы: раньше»