Как сделать «буквицу» в HTML

Зачастую в книгах первую букву главы делают большой, украшенной орнаментом. Это называется «буквицей». Но мало кто знает, что подобное можно реализовать на веб-странице с помощью простого HTML.

Специально для этой задачи существует псевдоэлемент first-letter. Именно он задаёт стиль первой буквы элемента.

Выглядеть это будет примерно следующим образом:

p:first-letter { font-family : Georgia, Tahoma, Arial, sans-serif; /* шрифт */ font-size: 48px; /* Здесь задаётся размер заглавной буквы */ float: left; /* Здесь устанавливается выравнивание по левому краю */ color: blue; /* Здесь задаётся цвет заглавной буквы */ padding: 5px; /* Здесь задаётся отступ между заглавной буквой и текстом */ }

Зачастую в книгах первую букву главы делают большой, украшенной орнаментом. Это называется «буквицей». Но мало кто знает, что подобное можно реализовать на веб-странице с помощью простого HTML. Специально для решения это задачи существует специальный псевдоэлемент first-letter.

В результате должно получиться нечто подобное:

01-2752868

Не забывайте, что также это очень легко реализовать с помощью CSS.

Оцените статью
Как сделать это быстро!