段落の1行目を装飾(first-line)
<html> <head> <title>段落の1行目を装飾</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> この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 </p> <p> この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 </p> <p class="c1"> この段落の1行目のみ青色の太字で表示されます。 この段落の1行目のみ青色の太字で表示されます。 この段落の1行目のみ青色の太字で表示されます。 この段落の1行目のみ青色の太字で表示されます。 この段落の1行目のみ青色の太字で表示されます。 この段落の1行目のみ青色の太字で表示されます。 この段落の1行目のみ青色の太字で表示されます。 この段落の1行目のみ青色の太字で表示されます。 </p> <p> この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 この段落の1行目のみ赤色の太字で表示されます。 </p> </body> </html>
〔 実行する 〕