Кейсы

Для изменения расстояния между маркером списка и текстом используйте свойство padding-left для селектора li, как показано в примере 1. Пример 1. Расстояние от маркера до…

С помощью CSS допускается устанавливать один из трёх типов маркеров: disc (точка), circle (кружок), square (квадратик). Добавлять эти значения нужно к стилевому свойству…

Вертикальное расстояние между пунктами списка можно задать двумя способами. Первый, самый простой — добавить к селектору li свойство margin-bottom, которое задаёт отступ снизу…

Чтобы задать собственный рисунок маркера для пунктов списка, воспользуйтесь стилевым свойством list-style-image, добавляя его к селектору ul или li. В качестве значения…

По умолчанию, браузер добавляет к кнопкам рамку, которая меняет свой стиль при изменении цвета фона кнопки. Вот как выглядит такая кнопка. Кнопка Сама рамка устанавливается через…

В этой статье расскажу, как с 1 фотографом и 3 моделями собрать классный контент без авралов, провалов и космического бюджета. На моем счету десятки съемок для торговых центров…

Из-за большого многообразия вариантов оформления таблиц не существует какого-то одного решения, как у таблицы скруглить рамку. Поэтому рассмотрим несколько типовых таблиц. Рамка…

Рамка вокруг таблицы устанавливается с помощью стилевого свойства border, оно добавляется к селектору table. Через border можно одновременно задать толщину, цвет и стиль рамки. В…

Подчёркивание бывает разного вида, соответственно, различаются методы его создания. Ниже перечислены несколько популярных. Использование text-decoration Свойство text-decoration со…

Градиентная рамка — это элемент веб-дизайна, который представляет собой рамку с плавным переходом от одного цвета к другому (рис. 1) или в виде штриховки (рис. 2). Рис.…