Изменить вид первой буквы абзаца через CSS
 | |
| При создание контента иногда требуется изменить первую заглавную букву абзаца, что это возможно сделать по оформлению с помощью стиля CSS. Вероятно вы уже сталкивались с интернет ресурсами, где первая буква идет совершенно измененная по шрифту, где также под другим оттенком представлена. Что на некоторых тематических ресурсах отлично смотрится. И здесь сразу задаешься вопросом, а как можно все сделать у себя на сайте. Все очень просто, где нужно изначально задать HTML и в стилистике CSS уже сделать этому знаку оформление. Чтоб все работало и показывало корректно на всех браузерах, то задействуем псевдоэлемент «first-letter», что полностью будет отвечать за оформление первого или заглавного знака. При создание оригинального описание, то у веб мастера или блогера появилась оригинальная возможность форматирование, что безусловно сразу будет заметен. Но главный плюс, это простая установка, которая будет задействованная на CSS. Так получится, добавлен жирный шрифт:  Приступаем к установке: HTML Код <p>Здесь начало статьи или новостей</p> CSS Код p:first-letter {font-size: 100%; color: #f70a0a; font-weight: bold;} Здесь сделали первую буквы в ярком оттенке, пусть будет красным, вы можете в стилях изменить на свой. Демонстрация | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 0 | |