目次
コピペで出来る囲み枠素材集
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>
<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>
<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>
<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>
<div style=”background: #ffffea; padding: 10px; border: 2px solid #d9dd1a; border-radius: 0 0 10px 10px;”>鮮やかな緑みの黄</div>
コメント