Виділення блоку тексту за допомогою css

Часто потрібно яскраво виділити якусь частину тескти, щоб звернути увагу відвідувачів сайту саме на цю інформацію. Для цього можна використовувати стандартні теги b, i, u і так далі. Або ж можна зробити це красиво.

Наприклад, в тексті потрібно виділити ключове слово або визначення. Це може бути опис послуги або важлива інформація, на яку обов'язково потрібно звернути увагу.

Одним з малих елементів є span. Він відображається в рядку тексту і не переводить рядок після себе.

Це спосіб виділення окремого слова або двох. Якщо таких слів буде багато, вони будуть занадто сильно кидатися в очі.

Код виглядає так:

span

Другий варіант - можна задавати на фон span'у, а кордон:

Одним з малих елементів є span. Він відображається в рядку тексту і не переводить рядок після себе.

span

Застосовується в разі виділення цілого блоку тексту, а не кількох слів.

Одним з малих елементів є span. Він відображається в рядку тексту і не переводить рядок після себе.

Одним з малих елементів є span. Він відображається в рядку тексту і не переводить рядок після себе.

Одним з малих елементів є span. Він відображається в рядку тексту і не переводить рядок після себе.

Тут такий код:

Одним з малих елементів є span. Він відображається в рядку тексту і не переводить рядок після себе.

Схожі статті