次は細い線バージョンです。
こちらもコピペして簡単に使えます。
自分で色を調整するのが大変な方にはとっても便利!(*゚ー゚)ゞ
■濃いピンクの囲み枠・点線
■うすいピンクの囲み枠・点線
■黄色の囲み枠・点線
■オレンジの囲み枠・点線
■濃いグリーンの囲み枠・点線
■薄いグリーンの囲み枠・点線
■ブルーの囲み枠・点線
■薄いブルーの囲み枠・点線
■紫の囲み枠・点線
■ピンク×グレーの囲み枠・点線
■オレンジ×グレーの囲み枠・点線
■ブルー×グレーの囲み枠・点線
■水色×グレーの囲み枠・点線
■グリーン×グレーの囲み枠・点線
こちらもコピペして簡単に使えます。
自分で色を調整するのが大変な方にはとっても便利!(*゚ー゚)ゞ
■濃いピンクの囲み枠・点線
ここに内容を入れます。
<div style="background:#ffe0e9; padding:10px; border:1px dotted #ac0032; border-radius:10px;">ここに内容を入れます。<br></div>
■うすいピンクの囲み枠・点線
ここに内容を入れます。
<div style="background:#fce5e2; padding:10px; border:1px dotted #f29c97; border-radius:10px;">ここに内容を入れます。<br></div>
■黄色の囲み枠・点線
ここに内容を入れます。
<div style="background:#F9FEC5; padding:10px; border:1px dotted #FC0; border-radius:10px;">ここに内容を入れます。<br></div>
■オレンジの囲み枠・点線
ここに内容を入れます。
<div style="background:#F9FEC0; padding:10px; border:1px dotted #F90; border-radius:10px;">ここに内容を入れます。<br></div>
■濃いグリーンの囲み枠・点線
ここに内容を入れます。
<div style="background:#e0fff4; padding:10px; border:1px dotted #007a06; border-radius:10px;">ここに内容を入れます。<br></div>
■薄いグリーンの囲み枠・点線
ここに内容を入れます。
<div style="background:#edf2c5; padding:10px; border:1px dotted #c3d83f; border-radius:10px;"> ここに内容を入れます。<br> </div>
■ブルーの囲み枠・点線
ここに内容を入れます。
<div style="background:#DAE4FE; padding:10px; border:1px dotted #06C; border-radius:10px;">ここに内容を入れます。<br></div>
■薄いブルーの囲み枠・点線
ここに内容を入れます。
<div style="background:#eaf4fc; padding:10px; border:1px dotted #5eb7e8; border-radius:10px;"> ここに内容を入れます。<br> </div>
■紫の囲み枠・点線
ここに内容を入れます。
<div style="background:#EDF; padding:10px; border:1px dotted #96F; border-radius:10px;">ここに内容を入れます。<br></div>
■ピンク×グレーの囲み枠・点線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px dotted #F69; border-radius:10px;">ここに内容を入れます。<br></div>
■オレンジ×グレーの囲み枠・点線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px dotted #F90; border-radius:10px;">ここに内容を入れます。<br></div>
■ブルー×グレーの囲み枠・点線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px dotted #36F; border-radius:10px;">ここに内容を入れます。<br></div>
■水色×グレーの囲み枠・点線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px dotted #8AC0FD; border-radius:10px;">ここに内容を入れます。<br></div>
■グリーン×グレーの囲み枠・点線
ここに内容を入れます。
<div style="background:#F6F6F6; padding:10px; border:1px dotted #0C9; border-radius:10px;">ここに内容を入れます。<br>
</div>
</div>