バナー風囲み枠②

バナーの代わりに囲み枠を使う

お申し込みはコチラから

↑こんな感じにして、文字にリンクを貼ればいいんです

なんとなく、バナーっぽくないですか？？？

使い方、囲み枠をご案内しています。

このまま読み進めてくださいね

お好みの色がない場合は、↓こちらをご覧くださいね。

文字にリンクを貼る方法がわからないという方は

こちらの記事で、リンクを貼る方法をご案内しています。

左寄せバージョンと、中央寄せバージョンの囲み枠をご用意しました

文字の内容や、色はご自由にかえてくださいね

囲み枠の横幅はサイズ固定になっています。

【使い方の説明】

使い方は囲み枠の設置の方法と一緒です。

枠を設置したら、囲み枠の中の文字を変更してください。

変更した文字にリンクを貼るとできあがりです。

タグのご案内（左寄せＶｅｒ．）

○○○はこちらから

<div style="border: 3px solid #f19db5; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center;"><span style="font-size:1.2em;"><span style="font-weight:bold;">○○○はこちらから</span></span></div>

○○○はこちらから

<div style="border: 3px solid #f7c9dd; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center;"><span style="font-size:1.2em;"><span style="font-weight:bold;">○○○はこちらから</span></span></div>

○○○はこちらから

<div style="border: 3px solid #f9ceb9; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center;"><span style="font-size:1.2em;"><span style="font-weight:bold;">○○○はこちらから</span></span></div>

○○○はこちらから

<div style="border: 3px solid #e1efdc; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center;"><span style="font-size:1.2em;"><span style="font-weight:bold;">○○○はこちらから</span></span></div>

○○○はこちらから

<div style="border: 3px solid #dff2fc; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center;"><span style="font-size:1.2em;"><span style="font-weight:bold;">○○○はこちらから</span></span></div>

○○○はこちらから

<div style="border: 3px solid #d3def1; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center;"><span style="font-size:1.2em;"><span style="font-weight:bold;">○○○はこちらから</span></span></div>

○○○はこちらから

<div style="border: 3px solid #d4cabe; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center;"><span style="font-size:1.2em;"><span style="font-weight:bold;">○○○はこちらから</span></span></div>

タグのご案内（中央寄せＶｅｒ．）

○○○はこちらから

<div style="border: 3px solid #f19db5; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><b>○○○はこちらから</b></span></div>

○○○はこちらから

<div style="border: 3px solid #f7c9dd; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><b>○○○はこちらから</b></span></div>

○○○はこちらから

<div style="border: 3px solid #f9ceb9; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><b>○○○はこちらから</b></span></div>

○○○はこちらから

<div style="border: 3px solid #e1efdc; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><b>○○○はこちらから</b></span></div>

○○○はこちらから

<div style="border: 3px solid #dff2fc; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><b>○○○はこちらから</b></span></div>

○○○はこちらから

<div style="border: 3px solid #d3def1; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><b>○○○はこちらから</b></span></div>

○○○はこちらから

<div style="border: 3px solid #d4cabe; background: #fffaec; padding: 5px; margin: 1em 0px; border-radius: 20px; width: 270px; box-shadow: rgb(221, 221, 221) 0px 5px 10px 0px; text-align: center; margin-left: auto; margin-right: auto;"><span style="font-size:1.2em;"><b>○○○はこちらから</b></span></div>

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