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

サイト構築 -CSS

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

Nice Drop caps with CSSのキャプチャ

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;
}

Related Posts

Post on:2008年4月7日

Trackback

leave your Comments

©2011 coliss