[CSS]背景画像を利用したドロップキャプスのスタイルシート

Onyx Designのエントリーから、いかにも英語っぽい背景画像があるドロップキャプスのスタイルシートの紹介です。

Nice Drop caps with CSS

日本語圏内ではあまり使用しないドロップキャプスですが、英語だとかっこいいな、と思いました。

スタイルシートは、下記のようになっています。

p:first-letter{
	display:block;
	float:left;
	border:1px solid black;
	padding:5px;
	margin:4px 5px;
	background:url(firstletter1.png);
	font-size:73px;
}

Post on:2008年4月7日