Следите за обновлениями через Twitter

Scripтs & стили

Стилизация вашего сайта
Как сделать свой сайт более интересным и привлекательным, используя различные скрипты, CSS-стилевые решения и приложения.

Буквица в начале абзаца

 •  1.10.11

Как сделать заглавную букву в начале абзаца большой, как здесь? Ну, начнем с того, что по-полиграфически она называется буквицей. А в различных иностранных стилевых источниках имя ей dropcap.

И вовсе не нужен никакой плагин, а нужно вместо этого в таблицу стилей (файл .css) дописать такие данные:

p.dropcap {overflow: hidden;}
span.dropcap {font-family:Segoe UI;font-size: 300%;
margin: 0 5px 0 0;line-height: 100%;float: left;
display: block;color:grey;
text-shadow: black 2px 2px 2px;}

Естественно, что шрифт, размер, цвет и прочее вы настроите сами по своим потребностям, а здесь показаны те, что использованы в нашем примере.

После этого параграф оформляете так:

<p><span class="dropcap">К</span>ак сделать и т.д.<p>

Вот, собственно, и вся премудрость. Работы на пять минут, а красоты на вашем сайте - на мильон рублей. Крупных вам заглавных букв.

Комментарии работают на Disqus