角の四角い囲み枠・細い実線のものです。
囲み枠の中を白にしたいときには、backgroundを【#ffffff（白のカラーコード）】にします。
■濃いピンクの囲み枠・実線
ここに内容を入れます。
<div style="background:#ffe0e9; padding:10px; border:1px solid #ac0032;">ここに内容を入れます。<br></div>
■うすいピンクの囲み枠・実線
ここに内容を入れます。
<div style="background:#fce5e2; padding:10px; border:1px solid #f29c97;">ここに内容を入れます。<br></div>
■黄色の囲み枠・実線
ここに内容を入れます。
<div style="background:#F9FEC5; padding:10px; border:1px solid #FC0;">ここに内容を入れます。<br></div>
■オレンジの囲み枠・実線
ここに内容を入れます。
<div style="background:#F9FEC0; padding:10px; border:1px solid #F90;">ここに内容を入れます。<br></div>
■濃いグリーンの囲み枠・実線
ここに内容を入れます。
<div style="background:#e0fff4; padding:10px; border:1px solid #007a06;">ここに内容を入れます。<br></div>
■薄いグリーンの囲み枠・実線
ここに内容を入れます。
<div style="background:#edf2c5; padding:10px; border:1px solid #c3d83f;"> ここに内容を入れます。<br> </div>
■ブルーの囲み枠・実線
ここに内容を入れます。
<div style="background:#DAE4FE; padding:10px; border:1px solid #06C;">ここに内容を入れます。<br></div>
■薄いブルーの囲み枠・実線
ここに内容を入れます。
<div style="background:#eaf4fc; padding:10px; border:1px solid #5eb7e8;"> ここに内容を入れます。<br> </div>
■紫の囲み枠・実線
ここに内容を入れます。
<div style="background:#EDF; padding:10px; border:1px solid #96F;">ここに内容を入れます。<br></div>
■ピンク×グレーの囲み枠・実線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px solid #F69;">ここに内容を入れます。<br></div>
■オレンジ×グレーの囲み枠・実線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px solid #F90;">ここに内容を入れます。<br></div>
■ブルー×グレーの囲み枠・実線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px solid #36F;">ここに内容を入れます。<br></div>
■水色×グレーの囲み枠・実線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px solid #8AC0FD;">ここに内容を入れます。<br></div>
■グリーン×グレーの囲み枠・実線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px solid #0C9;">ここに内容を入れます。<br>
</div>
</div>