段落の先頭1字だけスタイル変更

ここでは、 段落の先頭1字だけスタイル変更 に関する記事を紹介しています。
category : スタイルシート (CSS)  |  タグ : スタイルシート, CSS,
段落の先頭1字だけの文字表示形式(スタイル)を変えて表示します。

<HEAD>〜</HEAD>に以下のスタイルシート(CSS)を記述して下さい。

<style type="text/css">
<!--
.First {
font-weight:bold;
margin:0px 0px 5px 0px;
}
.First:first-letter {
font-style : italic;   //先頭1字の文字を斜体に
font-size : 150%;   //先頭1字の文字サイズ
color : blue;   //先頭1字の文字の色
}
-->
</style>

※記載例 ⇒ <p class="First">段落の先頭1字だけスタイル変更</p>
※表示例(サンプルページ) ⇒ 段落の先頭1字だけのスタイル変更


記事の内容にご満足戴けましたならクリックをお願いします ↓
JRANKブログランキング FC2ブログランキング 人気blogランキング!

この記事のトラックバックURL
この記事へのトラックバック