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