■タイトル付四角い囲み枠・ピンク
ここに内容を入れます
<div style="background:#F69; border:1px solid #F69; padding-left:10px;"><center><font style="color:#ffffff; font-weight:bold;"> タイトル </font></center></div><div style="border:1px solid #F69; padding:10px;"> ここに内容を入れます </div>
■タイトル付四角い囲み枠・オレンジ
ここに内容を入れます
<div style="background:#F90; border:1px solid #F90; padding-left:10px;"><font style="color:#ffffff; font-weight:bold;"><center>タイトル</center></font></div><div style="border:1px solid #F90; padding:10px;"> ここに内容を入れます </div>
■タイトル付四角い囲み枠・オレンジ
ここに内容を入れます
<div style="background:#FC0; border:1px solid #FC0; padding-left:10px;"><font style="color:#ffffff; font-weight:bold;"><center>タイトル</center></font></div><div style="border:1px solid #FC0; padding:10px;"> ここに内容を入れます </div>
■タイトル付四角い囲み枠・ブルー
ここに内容を入れます
<div style="background:#06C; border:1px solid #06C; padding-left:10px;"><font style="color:#ffffff; font-weight:bold;"><center>タイトル</center></font></div><div style="border:1px solid #06C; padding:10px;"> ここに内容を入れます</div>
■タイトル付四角い囲み枠・ブルー
ここに内容を入れます
<div style="background:#5eb7e8; border:1px solid #5eb7e8; padding-left:10px;"><font style="color:#ffffff; font-weight:bold;"><center> タイトル</center></font></div><div style="border:1px solid #5eb7e8; padding:10px;"> ここに内容を入れます </div>
■タイトル付四角い囲み枠・グリーン
ここに内容を入れます
<div style="background:#5cb531; border:1px solid #5cb531; padding-left:10px;"><font style="color:#ffffff; font-weight:bold;"><center> タイトル</center></font></div><div style="border:1px solid #5cb531; padding:10px;"> ここに内容を入れます </div>
■タイトル付四角い囲み枠・ライトグリーン
ここに内容を入れます
<div style="background:#c3d83f; border:1px solid #c3d83f; padding-left:10px;"><font style="color:#ffffff; font-weight:bold;"><center>タイトル</center></font></div><div style="border:1px solid #c3d83f; padding:10px;">ここに内容を入れます</div>
■タイトル付四角い囲み枠・パープル
ここに内容を入れます
<div style="background:#96F; border:1px solid #96F; padding-left:10px;"><font style="color:#ffffff; font-weight:bold;"><center>タイトル</center></font></div><div style="border:1px solid #96F; padding:10px;"> ここに内容を入れます</div>