Web-Programming.in.ua

Зміна зовнішнього виду першої букви через CSS

Дуже часто хочеться виділити кольором, розміром першу букву абзаців, і т.д...

Для того, щоб задати стиль для першої букви потрібно прописати в CSS:

p:first-letter {
  font-size: 150%;
  color: red;
}

В HTML:

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Aenean commodo ligula eget dolor.</p>

Ось таким не хитрим способом можна задати відступ першої букви в параграфі.


Результат виконаного в уроці: http://examples.web-programming.in.ua/first-letter_css

Надіюсь ця стаття була корисна для Вас, дякую за увагу.

Тільки авторизовані користувачі можуть додавати коментарі.

Нагору