角の四角い囲み枠・太い実線です。


■濃いピンクの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#ffe0e9; padding:10px; border:2px solid #ac0032;">ここに内容を入れます。<br></div>

■うすいピンクの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#fce5e2; padding:10px; border:2px solid #f29c97;">ここに内容を入れます。<br></div>

■黄色の囲み枠・実線
ここに内容を入れます。
 
<div style="background:#F9FEC5; padding:10px; border:2px solid #FC0;">ここに内容を入れます。<br></div>
  
■オレンジの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#F9FEC0; padding:10px; border:2px solid #F90;">ここに内容を入れます。<br></div>

■濃いグリーンの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#e0fff4; padding:10px; border:2px solid #007a06;">ここに内容を入れます。<br></div>

■薄いグリーンの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#edf2c5; padding:10px; border:2px solid #c3d83f;"> ここに内容を入れます。<br> </div>

■ブルーの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#DAE4FE; padding:10px; border:2px solid #06C;">ここに内容を入れます。<br></div>
  
■薄いブルーの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#eaf4fc; padding:10px; border:2px solid #5eb7e8;"> ここに内容を入れます。<br></div>

■紫の囲み枠・実線
ここに内容を入れます。
 
<div style="background:#EDF; padding:10px; border:2px solid #96F;">ここに内容を入れます。<br></div>
  
■ピンク×グレーの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#F6F6F6; padding:10px; border:2px solid #F69;">ここに内容を入れます。<br></div>

■オレンジ×グレーの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#F6F6F6; padding:10px; border:2px solid #F90;">ここに内容を入れます。<br></div>
  
■ブルー×グレーの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#F6F6F6; padding:10px; border:2px solid #36F;">ここに内容を入れます。<br></div>

■水色×グレーの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#F6F6F6; padding:10px; border:2px solid #8AC0FD;">ここに内容を入れます。<br></div>
    
■グリーン×グレーの囲み枠・実線
ここに内容を入れます。
 
<div style="background:#F6F6F6; padding:10px; border:2px solid #0C9;">ここに内容を入れます。<br></div>