Хочу изменить цвет первой буквы в каждом абзаце. Что мне для этого надо сделать?

🕛 23.01.2009, 00:27

Удобнее всего воспользоваться стилевым псевдоэлементом first-letter, добавляя его к селектору P. В стилях вначале указывается селектор, затем через двоеточие first-letter, после чего в фигурных скобках пишется атрибут color и его значение.

Пример 1. Применение псевдоэлемента first-letter

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Цвет буквы</title> <style type="text/css"> P:first-letter { color: red; /* Красный цвет первой буквы */ } </style> </head> <body> <p>Lorem ipsum dolor sit amet...</p> <p>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat.</p> </body>
</html>

В данном примере псевдоэлемент first-letter применяется для изменения цвета первой буквы. Аналогично можно изменить размер символа и шрифт.