Зміна зовнішнього вигляду першої літери

Дуже часто хочеться якось виділити першу букву абзацу, наприклад, кольором або розміром. Можливо, Ви таке зустрічали. Безумовно, це можна зробити за допомогою HTML, просто вручну задавати вид першої літери. Ясна річ, цей варіант нікуди не годиться. Тому ми з Вами розберемо варіант з зміною зовнішнього вигляду першої літери з використанням CSS.

Власне, давайте відразу наведу код:

Результат Ви можете бачити на зображенні на початку статті. Як бачите, код дуже прозорий. Ми просто використовували псевдоелемент first-letter, що означає першу літеру. Тобто для першої літери абзацу (тег

) Ми зробили розмір "150%", А колір червоним.

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