CSS ::before и ::after
before и after - псевдоэлементы
С их помощью можно стилизовать элементы, не размещенные в HTML
before размещается до контента родительского элемента, а after после.
Для добавление контента внутрь псевдоэлементов нужно воспользоваться CSS-свойством content.
Добавить можно:
1. Строку
При добавлении пустого значения можно задать псевдоэлементу ширину и высоту и стилизовать его как отдельный блок.
Before и after отлично подходят для стилизации маркеров списков, а также для добавления разного рода разделителей.
before и after - псевдоэлементы
С их помощью можно стилизовать элементы, не размещенные в HTML
before размещается до контента родительского элемента, а after после.
Для добавление контента внутрь псевдоэлементов нужно воспользоваться CSS-свойством content.
Добавить можно:
1. Строку
content: "a string"
2. Картинку content: url(/path/to/image.jpg)
3. Ничего content: “” При добавлении пустого значения можно задать псевдоэлементу ширину и высоту и стилизовать его как отдельный блок.
Before и after отлично подходят для стилизации маркеров списков, а также для добавления разного рода разделителей.