Очень часто для дополнительного выделения каких-либо текстовых элементов сайта, таких как заголовок, требуется обводка.

Для примера возьмем сайт на WordPress, в котором требуется обводка заголовка каким-либо цветом. Для того, чтобы сделать обводку текста в css необходимо перейти в панели управления на вкладку «Внешний вид», далее выбрать «Редактор», найти файл таблицы стилей style.css и в блоке, определяющем внешний вид и расположение вашего заголовка внести следующий параметр:

text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;

Вместо цвета black можно установить любой другой цвет или код цвета, соответственно подобрать оптимальный для себя вариант.

После этого не забудьте обновить файл и посмотреть изменения на сайте.

Иногда требуется более насыщенная обводка, в этом случае немного изменяем код, он будет выглядеть так:

text-shadow: red 1px 0px, red 1px 1px, red 0px 1px, red -1px 1px, red -1px 0px, red -1px -1px, red 0px -1px, red 1px -1px, red 0 0 3px, red 0 0 3px, red 0 0 3px, red 0 0 3px, red 0 0 3px, red 0 0 3px, red 0 0 3px, red 0 0 3px;

Если у вас после прочтения материала появились дополнительные вопросы - смело задавайте их в комментариях или в рубрике "Вопрос-Ответ".