１文字目に適用させる

要素名:first-letter ｛〜｝

指定したブロックレベル要素の最初の１文字だけに、
スタイルを適用させたい場合の書式です。
「要素」の部分には、「＃ID名」や「クラス名」も指定できます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>一行目に適用させる</title>
<style type="text/css">
<!--
p:first-letter {
　　font-size: 3em;
　　float: left;　　　　　　　　　　　　　　　　/*　テキストを回り込ませる */
　　font-weight: bold;　　　　　　　　　　　/* 文字を太くする */
　　color: #ff6600;　　　　　　　　　　　　　/* 文字色をオレンジに */
　　background: #ffffff
}
-->
</style>
</HEAD>
<body>
<h1>１文字目に適用させる</h1>

<p>
雑誌などで時々見られるように、スタイルシートを使用して<BR>
先頭の一文字だけにスタイルを適用することが出来ます。<BR>
Windows版のInternet Explorerはバージョン5.5から、<BR>
Netscapeはバージョン6から対応しています。<BR>
ただし、日本語部分に対して適用すると、Macintosh版Internet Explorer5.5<BR>
では文字化けが発生する場合があります。
</p>
</body>
</HTML>