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

素材集

 

スポンサーリンク

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

 

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>

 

コメント

タイトルとURLをコピーしました