WEB制作のメモ帳

衆トップページ -> WEB制作のメモ帳 -> css -> CSSで文字の一文字目を大きくする

CSSで文字の一文字目を大きくする

2011-05-17

css

CSSで文字の一文字目を大きくする方法をメモ。
文字の大きさに限らず、色を変えたり背景色をつけたりとポイントとして活用できるので
「アイコンを作るまでもないが見出しを強調したい」という時に便利です。

無料ホームページ素材

SOURCE
■HTML
<p>CSSで文字の一文字目を大きくする</p>

■CSS
p:first-letter{
font-size:24px;
font-style:bold;
line-height: 110%;
}

WEB制作の定番書