【タイトル２】アメブロで使えるコピペ囲み枠
CSSでデザインした コピペで使える タイトル（見出し）のデザインサンプルです。
サンプルタグをコピーして、HTML編集画面に貼り付けてご利用してください。
他の囲み枠デザインはこちら
デザインサンプル
※お好みのカラータイトルをクリックするとサンプルタグへ移動します。(↓)
| タイトル 1 | タイトル 5 | タイトル 9 | タイトル13 |
| タイトル 2 | タイトル 6 | タイトル10 | タイトル14 |
| タイトル 3 | タイトル 7 | タイトル11 | タイトル15 |
| タイトル 4 | タイトル 8 | タイトル12 | タイトル16 |
◆タイトル１
【タイトル１】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #161b1a; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１</div>
◆タイトル２
【タイトル２】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #313d42; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル２</div>
◆タイトル３
【タイトル３】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #52646c; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル３</div>
◆タイトル４
【タイトル４】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #dbe0e3; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル４</div>
◆タイトル５
【タイトル５】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #990000; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル５</div>
◆タイトル６
【タイトル６】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #dc143c; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル６</div>
◆タイトル７
【タイトル７】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #40e0d0; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル７</div>
◆タイトル８
【タイトル８】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #ffff0f; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル８</div>
◆タイトル９
【タイトル９】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #e0ffff; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル９</div>
◆タイトル１０
【タイトル１０】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #02a4f5; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１０</div>
◆タイトル１１
【タイトル１１】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #40e0d0; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１１</div>
◆タイトル１２
【タイトル１２】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #00008b; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１２</div>
◆タイトル１３
【タイトル１３】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #ff4500; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１３</div>
◆タイトル１４
【タイトル１４】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #ff6347; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１４</div>
◆タイトル１５
【タイトル１５】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #ffac63; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１５</div>
◆タイトル１６
【タイトル１６】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #eee8aa; border-width: 0 0 1px 0; border-style: dotted; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１６</div>
