ふわっとしたボタン風囲み枠です。
『お問い合わせはこちら』『お申し込みはこちら』などにもおすすめ！
Contents
サイズが変わるふわっとしたボタン風囲み枠（リンク付き）
<p> </p><div style="display:inline-block; background:#FEC5E5; padding:10px 15px; border-radius: 20px; box-shadow: #FEC5E5 0 0 5px 5px;"><a href="リンク先アドレス" style="text-decoration:none;font-weight:bold; color:#FFFFFF;" target="_blank">ここに本文。ふわっとしたピンク1</a></div><p> </p>
<p> </p><div style="display:inline-block; background:#FFC6DB; padding:10px 15px; border-radius: 20px; box-shadow: #FFC6DB 0 0 5px 5px;"><a href="リンク先アドレス" style="text-decoration:none;font-weight:bold; color:#FFFFFF;" target="_blank">ここに本文。ふわっとしたピンク2</a></div><p> </p>
<p> </p><div style="display:inline-block; background:#DFC0E0; padding:10px 15px; border-radius: 20px; box-shadow: #DFC0E0 0 0 5px 5px;"><a href="リンク先アドレス" style="text-decoration:none;font-weight:bold; color:#FFFFFF;" target="_blank">ここに本文。ふわっとしたパープル</a></div><p> </p>
<p> </p><div style="display:inline-block; background:#A9D9DA; padding:10px 15px; border-radius: 20px; box-shadow: #A9D9DA 0 0 5px 5px;"><a href="リンク先アドレス" style="text-decoration:none;font-weight:bold; color:#FFFFFF;" target="_blank">ここに本文。ふわっとしたグリーン1</a></div><p> </p>
<p> </p><div style="display:inline-block; background:#B0D8B5; padding:10px 15px; border-radius: 20px; box-shadow: #B0D8B5 0 0 5px 5px;"><a href="リンク先アドレス" style="text-decoration:none;font-weight:bold; color:#FFFFFF;" target="_blank">ここに本文。ふわっとしたグリーン2</a></div><p> </p>
<p> </p><div style="display:inline-block; background:#9CD5E8; padding:10px 15px; border-radius: 20px; box-shadow: #9CD5E8 0 0 5px 5px;"><a href="リンク先アドレス" style="text-decoration:none;font-weight:bold; color:#FFFFFF;" target="_blank">ここに本文。ふわっとしたライトブルー</a></div><p> </p>
サイズが変わるふわっとしたボタン風囲み枠（リンクなし）
リンクボタンではなく、囲み枠としてお使いの場合はこちらをどうぞ♡
ふわっとしたピンク1
<p> </p><div style="display:inline-block; background:#FEC5E5; padding:10px 15px; border-radius: 20px; box-shadow: #FEC5E5 0 0 5px 5px;color:#FFFFFF;font-weight:bold; ">ここに本文。ふわっとしたピンク1</div><p> </p>
ふわっとしたピンク2
<p> </p><div style="display:inline-block; background:#FFC6DB; padding:10px 15px; border-radius: 20px; box-shadow: #FFC6DB 0 0 5px 5px;color:#FFFFFF;font-weight:bold; ">ここに本文。ふわっとしたピンク2</div><p> </p>
ふわっとしたパープル
<p> </p><div style="display:inline-block; background:#DFC0E0; padding:10px 15px; border-radius: 20px; box-shadow: #DFC0E0 0 0 5px 5px;color:#FFFFFF;font-weight:bold; ">ここに本文。ふわっとしたパープル</div><p> </p>
ふわっとしたグリーン1
<p> </p><div style="display:inline-block; background:#A9D9DA; padding:10px 15px; border-radius: 20px; box-shadow: #A9D9DA 0 0 5px 5px;color:#FFFFFF;font-weight:bold; ">ここに本文。ふわっとしたグリーン1</div><p> </p>
ふわっとしたグリーン2
<p> </p><div style="display:inline-block; background:#B0D8B5; padding:10px 15px; border-radius: 20px; box-shadow: #B0D8B5 0 0 5px 5px;color:#FFFFFF;font-weight:bold; ">ここに本文。ふわっとしたグリーン2</div><p> </p>
ふわっとしたライトブルー
<p> </p><div style="display:inline-block; background:#9CD5E8; padding:10px 15px; border-radius: 20px; box-shadow: #9CD5E8 0 0 5px 5px;color:#FFFFFF;font-weight:bold; ">ここに本文。ふわっとしたライトブルー</div><p> </p>