段落の１行目を装飾（first-line）
<html>
<head>
<title>段落の１行目を装飾</title>
<style type="text/css">
<!--
p:first-line {
color: red;
font-weight: bold;
}
.c1:first-line {
color: blue;
font-weight: bolder;
}
//-->
</style>
</head>
<body>
<p>
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
</p>
<p>
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
</p>
<p class="c1">
この段落の１行目のみ青色の太字で表示されます。
この段落の１行目のみ青色の太字で表示されます。
この段落の１行目のみ青色の太字で表示されます。
この段落の１行目のみ青色の太字で表示されます。
この段落の１行目のみ青色の太字で表示されます。
この段落の１行目のみ青色の太字で表示されます。
この段落の１行目のみ青色の太字で表示されます。
この段落の１行目のみ青色の太字で表示されます。
</p>
<p>
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
この段落の１行目のみ赤色の太字で表示されます。
</p>
</body>
</html>
〔 実行する 〕