【コピペ】見出し付き囲み枠素材集(鮮やか・かわいい・おしゃれ)

 

目次

コピペで出来る囲み枠素材集

 

HTMLタグをテキスト表示画面で入力すると、簡単に囲み枠を作ることが出来ます。

お好みのHTMLタグをコピペして利用してください。

 

見出し付き囲み枠

 

鮮やかな青色

 

見出しを入力
鮮やかな青色
【HTMLコード】
<div style=”background: #1a66ff; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;”><strong>見出しを入力</strong></div>
<div style=”background: #ffffea; padding: 10px; border: 2px solid #1a66ff; border-radius: 0 0 10px 10px;”>鮮やかな青色</div>

鮮やかな黄みの赤

 

見出しを入力
・鮮やかな黄みの赤
【HTMLコード】
<div style=”background: #ff401A; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;”><strong>見出しを入力</strong></div>
<div style=”background: #ffffea; padding: 10px; border: 2px solid #ff401A; border-radius: 0 0 10px 10px;”>・鮮やかな黄みの赤</div>

鮮やかな緑

 

見出しを入力
鮮やかな緑
【HTMLコード】
<div style=”background: #1aff40; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;”><strong>見出しを入力</strong></div>
<div style=”background: #ffffea; padding: 10px; border: 2px solid #1aff40; border-radius: 0 0 10px 10px;”>鮮やかな緑</div>

鮮やかな緑みの黄

 

見出しを入力
鮮やかな緑みの黄
【HTMLコード】
<div style=”background: #d9dd1a; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;”><strong>見出しを入力</strong></div>
<div style=”background: #ffffea; padding: 10px; border: 2px solid #d9dd1a; border-radius: 0 0 10px 10px;”>鮮やかな緑みの黄</div>

 

よかったらシェアしてね!

この記事を書いた人

『道に迷うことこそ、道を知ることだ』

道に迷いまくってブログを始めてしまいブログ歴1年、のんびり副業系ブロガーです。ブログの中身とは裏腹に、ドライブ好きのアウトドア派です。

現在『へそくり屋』と『暇つぶしドットコム』の2つのブログを運営中です。ブログについてはまだまだ未熟者です。

この『へそくり屋』では、WordPressに関する情報や、ブログアフィリエイトで役立つ情報を発信しています。

コメント

コメントする

目次
閉じる