[CSS]背景画像を利用したドロップキャプスのスタイルシート
Post on:2008年4月7日
Onyx Designのエントリーから、いかにも英語っぽい背景画像があるドロップキャプスのスタイルシートの紹介です。
日本語圏内ではあまり使用しないドロップキャプスですが、英語だとかっこいいな、と思いました。
スタイルシートは、下記のようになっています。
1 2 3 4 5 6 7 8 9 10 11 |
<textarea name="code" class="css" cols="60" rows="5"> p:first-letter{ display:block; float:left; border:1px solid black; padding:5px; margin:4px 5px; background:url(firstletter1.png); font-size:73px; } </textarea> |
sponsors