トップページ > スタイルシート > エントリーのタイトルを装飾する NO.13

エントリーのタイトルを装飾する NO.13

2006年03月26日

赤枠の部分を付箋のような枠で囲みます。

sample9.gif

【スタイルシートに追記する】
エントリーのタイトルは「h3」の見出しタグで囲まれているので、「h3」のスタイルを指定します。

/*エントリーの見出し*/ h3{ font-size: 12px; border-top:1px solid #cc0000; border-right:1px solid #cc0000; border-bottom:1px solid #cc0000; border-left:5px solid #cc0000; padding:5px; background-color:#ffffff; }

こんな感じになりました。

sample10.gif


« エントリーの日付の位置と文字サイズを変更 NO.12 | トップページ | 左側(メイン)部分のテキストを変更する NO.14 »