ブログを始めたばかりの方♡
告知文などにも役立つ可愛い囲み枠!
あなたのブログも囲み枠を使えば
楽しくオシャレになって
【かわいい枠】線
<hr style="border: 1px solid #ff409f;">
<hr style="border: 1px solid #ffcccc;">
<hr style="border: 1px solid #ffdbb7;">
【かわいい枠】点線
<hr style="border: 1px dashed #ef454a;">
<hr style="border: 1px dashed #ffcccc;">
<hr style="border: 1px dashed #0075c2;">
【かわいい枠】見出しつき
<fieldset style="border:2px solid #ffcccc;"><legend>タイトル</legend>
本文</fieldset>
<fieldset style="border:5px double #f98289;"><legend>タイトル</legend> 本文</fieldset>
<fieldset style="border:5px double #ffdbb7;"><legend>タイトル</legend>
本文</fieldset>
<div style="background:#ff409f; border:1px solid #ff409f; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ff409f; padding:10px; font-size:1em;">本文<br></div>
<div style="background:#ffcccc; border:1px solid #ffcccc; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ffcccc; padding:10px; font-size:1em;">本文<br></div>
<div style="border-left: 10px solid #ff0000; border-bottom: 2px solid #ff0000; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
<div style="border-left: 10px solid #f98289; border-bottom: 2px solid #f98289; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
【かわいい枠】丸枠
<div style="background: #FFCCCC; padding: 10px; border: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">本文を入れる</div>
<div style="padding: 10px 10px; margin: 10px; background: #fadce9; box-shadow: #fadce9 0 0 10px 10px; -webkit-box-shadow: #fadce9 0 0 10px 10px; -moz-box-shadow: #fadce9 0 0 10px 10px;">ここに文章をコピ-&ペースト
</div>
<div style="padding:10px;border-radius: 10px; border: 5px double #FFCCCC;">本文を入れる</div>
<div style="background:#FFFFFF; padding:10px; border-radius: 10px; border: 2px dotted #FF0000;">本文を入れる</div>
【かわいい枠】
<fieldset style="background:#f7f7f7;padding:10px;border:3px dotted #ffb6c1;">本文</fieldset>
<div style="border: 5px solid #FFCCCC; padding: 10px;">本文を入れる</div>
<div style="background:#fff; padding:10px; border:2px solid #FFC0CB;">本文を入れる</div>
<div style="padding:10px;border: 2px solid #eb6ea5;">ここに文章をコピペ
</div>
告知記事などに役立つ枠線♡
今回は可愛いピンク系の色をチョイスしてみました♡
是非あなたのブログで
使ってみてください♡
オシャレに可愛くブログを楽しく使っていきましょう
自己紹介こちら
お申込みはこちら
LINE@では、ブログの更新情報や
楽しく書けるようになる
ブログにお役立ち情報、配信します!
気軽に登録、質問してね♡
1対1のやり取りがすぐにできます!
または@rie777で検索
(※auの方は、IDを検索してください)