» »

Изменить вид первой буквы абзаца через CSS

Изменить вид первой буквы абзаца через CSS

При создание контента иногда требуется изменить первую заглавную букву абзаца, что это возможно сделать по оформлению с помощью стиля CSS. Вероятно вы уже сталкивались с интернет ресурсами, где первая буква идет совершенно измененная по шрифту, где также под другим оттенком представлена. Что на некоторых тематических ресурсах отлично смотрится. И здесь сразу задаешься вопросом, а как можно все сделать у себя на сайте. Все очень просто, где нужно изначально задать HTML и в стилистике CSS уже сделать этому знаку оформление.

Чтоб все работало и показывало корректно на всех браузерах, то задействуем псевдоэлемент «first-letter», что полностью будет отвечать за оформление первого или заглавного знака. При создание оригинального описание, то у веб мастера или блогера появилась оригинальная возможность форматирование, что безусловно сразу будет заметен. Но главный плюс, это простая установка, которая будет задействованная на CSS.

Так получится, добавлен жирный шрифт:



Приступаем к установке:

HTML

Код
<p>Здесь начало статьи или новостей</p>

CSS

Код
p:first-letter {font-size: 100%; color: #f70a0a; font-weight: bold;}

Здесь сделали первую буквы в ярком оттенке, пусть будет красным, вы можете в стилях изменить на свой.

Демонстрация
09.09.2018 Просмотров: 140 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar