首文字を雑誌風にするHACK このエントリーを含むはてなブックマーク

誌のように、首文字が大きくて表示できるHACK。
設定は簡単です、以下のCSSを<head>部に追加して、


.dropcaps {
float:left;
color: $headerBgColor;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

首文字を<span class="dropcaps">雑</span>のように囲めばOKです。
ほかのCSS技はこのサイトMandarin Designはたいへん参考になると思います。

0 コメント:

コメントを投稿

最新の記事

最新コメント