【スマホお役立ち】囲み枠いろいろ その2

いつでもどこでもスマホでお仕事してます

三井由香です

ブログの中で使用する囲み枠

よかったらお使いくださいね

そのままコピペで使えます

失敗の少ない囲み枠の貼り方その1

失敗の少ない囲み枠の貼り方その2

 

記事本文

<div style="background:#FBEFEF; padding:10px; border:2px dotted #ff6699;">記事本文</div>

 

記事本文

<div style="background:#F5ECCE; padding:10px; border:2px dotted #ff6600;">記事本文</div>

 

記事本文

<div style="background:#D8F6CE; padding:10px; border:2px dotted #009900;">記事本文</div>

 

記事本文

<div style="background:#EFFBFb; padding:10px; border:2px dotted #33ccff;">記事本文</div>


 

記事本文

<div style="padding:10px; border:3px double #ff6699;">記事本文</div>

 

記事本文

<div style="padding:10px; border:3px double #ff6600;">記事本文</div>

 

記事本文

<div style="padding:10px; border:3px double #009900;">記事本文</div>

 

記事本文

<div style="padding:10px; border:3px double #33ccff;">記事本文</div>


 

　タイトル　

記事本文
記事本文

<fieldset style="border:1px solid #ff6699;"><legend>　タイトル　</legend>記事本文
記事本文
</fieldset>

 

　タイトル　

記事本文
記事本文

<fieldset style="border:1px solid #ff6600;"><legend>　タイトル　</legend>記事本文
記事本文
</fieldset>

 

　タイトル　

記事本文
記事本文

<fieldset style="border:1px solid #009900;"><legend>　タイトル　</legend>記事本文
記事本文
</fieldset>

 

　タイトル　

記事本文
記事本文

<fieldset style="border:1px solid #33ccff;"><legend>　タイトル　</legend>記事本文
記事本文
</fieldset>