ホビーガジェット [PC/周辺機器/サプライ/ゲーム/商品紹介/レビュー/ブログTIPS...]

パソコン、周辺機器、メモリーカード等サプライ、AV機器、家電製品、ゲーム等の商品紹介、レビュー、ショップ掲載他、ブログ運営メモ。アフィリエイト。

小見出し用にスタイルシートへ追加~Hタグ~サンプルメモ/ブログTIPS 

記事内の小見出し用にCSSを追加したのでメモ。

「環境設定/テンプレート管理」
スタイルシートのソース内、任意の位置に追記すればOK
もちろん記事で id なり class なり指定。
(下記の例はidで定義)

小見出しサンプル1

[サンプル1 ソース例]
h2#sample1{
padding:3px 5px 3px 10px;
border-left:#666666 3px solid;
border-bottom:#666666 1px solid;
font-size: 10px;
font-weight: bold;
color:#333333;
margin:10px 5px 5px 0px;
}

小見出しサンプル2

[サンプル2 ソース例]
h2#sample1{
padding:3px 5px 3px 10px;
background:#F5F5F5;
border-left:#666666 3px solid;
font-size: 10px;
font-weight: bold;
color:#333333;
margin:10px 5px 5px 0px;
}

小見出しサンプル3

[サンプル3 ソース例]
h2#sample3{
padding:3px 5px 3px 10px;
background: #F5F5F5;
border: #666666 1px solid;
font-size: 10px;
font-weight: bold;
color:#333333;
margin:10px 5px 5px 0px;
}

※記事内のタグの追加例
<h2 id="sample1">小見出しサンプル1</h2>







スポンサーサイト



ブログランキング
[AD] Amazon
[AD] Rakuten