コピペで使える、役立つ！アメブロで使える囲み枠をまとめました！
画像は使用せずに、CSSだけでデザインした コピペで使える タイトル（見出し）のデザインサンプルを用意しました。
［タイトル××のサンプルを確認する］
のリンクをクリックすると、一覧ページへ移動します。
スマホからでもご利用いただけますので、是非ご活用ください。
デザインサンプル
◆タイトル１
【タイトル１】のサンプルタグ（↓）
<div style="padding-left: 8px; border-color: #161b1a; border-width: 0 0 1px 0; border-style: solid; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１</div>
◆タイトル２
【タイトル２】のサンプルタグ（↓）
<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-bottom: 4px double #161b1a; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル３</div>
◆タイトル４
【タイトル４】のサンプルタグ（↓）
<div style="padding: 8px; border-bottom: 2px solid #161b1a; border-top: 2px solid #161b1a; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル４</div>
◆タイトル５
【タイトル５】のサンプルタグ（↓）
<div style="padding: 8px; border-color: #161b1a; border-width: 0 0 2px 0; border-style: solid; background: #F2F2F2; font-weight: bold; font-size: 120%;">◆タイトル５</div>
◆タイトル６
【タイトル６】のサンプルタグ（↓）
<div style="padding: 8px; border-color: #161b1a; border-width: 2px 0 0 0; border-style: solid; background: #F2F2F2; font-weight: bold; font-size: 120%;">◆タイトル６</div>
◆タイトル７
【タイトル７】のサンプルタグ（↓）
<div style="padding: 8px; border-bottom: 4px double #161b1a; border-top: 4px double #161b1a; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル７</div>
◆タイトル８
【タイトル８】のサンプルタグ（↓）
<div style="padding: 8px; background: #161b1a; font-weight: bold; font-size: 120%;"><span style="color: #ffffff;">◆タイトル８</span></div>
◆タイトル９
【タイトル９】のサンプルタグ（↓）
<div style="padding: 8px; border: 2px solid #161b1a; background: #F2F2F2; font-weight: bold; font-size: 120%;">◆タイトル９</div>
◆タイトル１０
【タイトル１０】のサンプルタグ（↓）
<div style="padding: 8px; border: dashed 2px #161b1a; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１０</div>
◆タイトル１１
【タイトル１１】のサンプルタグ（↓）
<div style="padding: 8px; border-color: #161b1a; border-width: 2px 2px 2px 15px; border-style: solid; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１１</div>
◆タイトル１２
【タイトル１２】のサンプルタグ（↓）
<div style="padding: 8px;border: 5px double #161b1a; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１２</div>
◆タイトル１３
【タイトル１３】のサンプルタグ（↓）
<div style="padding: 8px; border-color: #161b1a; border-width: 0 0 0 15px; border-style: solid; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１３</div>
◆タイトル１４
【タイトル１４】のサンプルタグ（↓）
<div style="padding: 8px; border-left: 10px double #161b1a; border-width: 0 0 0 15px; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１４</div>
◆タイトル１５
【タイトル１５】のサンプルタグ（↓）
<div style="padding: 8px; border-color: #161b1a; border-width: 0 0 2px 15px; border-style: solid; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１５</div>
◆タイトル１６
【タイトル１６】のサンプルタグ（↓）
<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 double #161b1aE; border-bottom: 4px double #161b1a; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆タイトル１７</div>
◆サンプル１８
【タイトル１８】のサンプルタグ（↓）
<div style="padding: 8px; border:3px solid #161b1a;border-radius:15px; background:#161b1a; color: #FFFFFF; font-weight: bold; font-size: 120%;">◆サンプル１８</div>
◆サンプル１９
【タイトル１９】のサンプルタグ（↓）
<div style="padding: 8px;border:3px solid #161b1a; border-radius:15px; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆サンプル１９</div>
◆サンプル２０
【タイトル２０】のサンプルタグ（↓）
<div style="padding: 8px;border-radius: 15px;border: 3px dotted #161b1a; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆サンプル２０</div>
◆サンプル２１
【タイトル２１】のサンプルタグ（↓）
<div style="padding: 8px;border-radius: 15px;border: 5px double #161b1a; background:#FFFFFF; font-weight: bold; font-size: 120%;">◆サンプル２１</div>
