Как устанавливать css контент

Для установки CSS контента необходимо использовать свойство content. Пример:

<style>
    .example:before {
        content: "Пример";
    }
</style>

<div class="example"></div>

В данном примере мы устанавливаем контент для псевдоэлемента :before элемента с классом example. Контент будет отображаться перед содержимым элемента.

Также можно использовать другие значения для свойства content, например, изображения или символы Unicode:

<style>
    .example:before {
        content: url("image.png");
    }

    .example:after {
        content: "\2713";
    }
</style>

<div class="example"></div>

В первом примере мы устанавливаем изображение в качестве контента для псевдоэлемента :before. Во втором примере мы используем символ галочки Unicode в качестве контента для псевдоэлемента :after.