雑誌のように、首文字が大きくて表示できる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 コメント:
コメントを投稿