囲み枠　--実線編--

実線の囲み枠


 

 

 

ここに本文

 

<div style="border: #d4cabe 1px solid; background: #ffffff; padding: 10px; margin: 1em 0; border-radius: 8px;">ここに本文</div>

 

 

ここに本文

 

<div style="border: #f9d0c3 1px solid; background: #ffffff; padding: 10px; margin: 1em 0; border-radius: 8px;">ここに本文</div>

 

 

ここに本文

 

<div style="border: #c3e2cd 1px solid; background: #ffffff; padding: 10px; margin: 1em 0; border-radius: 8px;">ここに本文</div>

 

 

 

ここに本文

 

<div style="border: #d4cabe 1px solid; background: #ffffff; padding: 10px; margin: 1em 0;">ここに本文</div>

 

 

ここに本文

 

<div style="border: #f9d0c3 1px solid; background: #ffffff; padding: 10px; margin: 1em 0;">ここに本文</div>

 

 

ここに本文

 

<div style="border: #c3e2cd 1px solid; background: #ffffff; padding: 10px; margin: 1em 0;">ここに本文</div>

 

 

 

枠内の記事本文

 

<div style="padding:15px;border-radius: 10px; border: 6px double #f4abad;">枠内の記事本文</div>

 

 

枠内の記事本文

 

<div style="padding:15px;border-radius: 10px; border: 6px double #ddd3c2;">枠内の記事本文</div>

 

 

枠内の記事本文

 

<div style="padding:15px;border-radius: 10px; border: 6px double #82c478;">枠内の記事本文</div>
 

 

 

枠内の記事本文

 

<div style="padding:15px; border: 6px double #f4abad;">枠内の記事本文</div><br>

 

 

枠内の記事本文

 

<div style="padding:15px; border: 6px double #ddd3c2;">枠内の記事本文</div><br>

 

 

枠内の記事本文

 

<div style="padding:15px; border: 6px double #82c478;">枠内の記事本文</div><br>
 

 

 

囲み枠を各種取り揃えています。ご自由にご利用くださいnico☆

 

※アンドロイドご利用の方は、アンドロイド対応の囲み枠をご利用下さい。

 

囲み枠　もくじ (タイトル・画像ともにリンクしています）