水色系のタイトルボックス囲み枠

水色系のタイトルボックス囲み枠 [ 角丸タイトルボックス・角丸タイトルラベル ] です。

Contents

角丸タイトルボックス囲み枠

<p>&nbsp;</p><div style="padding:10px 18px;background:#DBE8F9;border-top-left-radius: 10px;
border-top-right-radius: 10px;"><span style="font-weight:bold;">ここにタイトル</span></div>
<div style="border:2px solid #DBE8F9; padding:15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸水色系1</div><p>&nbsp;</p>
<p>&nbsp;</p><div style="padding:10px 18px;background:#89C3EB;border-top-left-radius: 10px;
border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div>
<div style="border:2px solid #89C3EB; padding:15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸水色系2</div><p>&nbsp;</p>
<p>&nbsp;</p><div style="padding:10px 18px;background:#48AADC;border-top-left-radius: 10px;
border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div>
<div style="border:2px solid #48AADC; padding:15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸水色系3</div><p>&nbsp;</p>
<p>&nbsp;</p><div style="padding:10px 18px;background:#DECBF3;border-top-left-radius: 10px;
border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div>
<div style="border:2px solid #DECBF3; padding:15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸パープル系</div><p>&nbsp;</p>

角丸タイトルラベル囲み枠

<p>&nbsp;</p><div style="display:inline-block;padding:10px 18px;background:#DBE8F9;
border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; ">ここにタイトル</span></div>
<div style="border:2px solid #DBE8F9; padding:15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸水色系1</div><p>&nbsp;</p>
<p>&nbsp;</p><div style="display:inline-block;padding:10px 18px;background:#89C3EB;
border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div>
<div style="border:2px solid #89C3EB; padding:15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸水色系2</div><p>&nbsp;</p>
<p>&nbsp;</p><div style="display:inline-block;padding:10px 18px;background:#48AADC;
border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div>
<div style="border:2px solid #48AADC; padding:15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸水色系3</div><p>&nbsp;</p>
<p>&nbsp;</p><div style="display:inline-block;padding:10px 18px;background:#DECBF3;
border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div>
<div style="border:2px solid #DECBF3; padding:15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸パープル系</div><p>&nbsp;</p>
share
  • URLをコピーしました!
  • URLをコピーしました!
Contents