ブラウン系のタイトルボックス囲み枠 [ 角丸タイトルボックス・角丸タイトルラベル ] です。
Contents
角丸タイトルボックス囲み枠
<p> </p><div style="padding:10px 18px;background:#DDCFC2;border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div><div style="border:2px solid #DDCFC2; padding:15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸ブラウン1</div><p> </p>
<p> </p><div style="padding:10px 18px;background:#DFC69B;border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div><div style="border:2px solid #DFC69B; padding:15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸ブラウン2</div><p> </p>
<p> </p><div style="padding:10px 18px;background:#DABFAC;border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div><div style="border:2px solid #DABFAC; padding:15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸ブラウン3</div><p> </p>
<p> </p><div style="padding:10px 18px;background:url(https://atelier-plume.net/wp-content/uploads/2022/08/o0041004114817316953.png);border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; ">ここにタイトル</span></div><div style="border:2px solid #F0EBE3; padding:15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸水玉</div><p> </p>
角丸タイトルラベル囲み枠
<p> </p><div style="display:inline-block;padding:10px 18px;background:#DDCFC2; border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div> <div style="border:2px solid #DDCFC2; padding:15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸ブラウン1</div><p> </p>
<p> </p><div style="display:inline-block;padding:10px 18px;background:#DFC69B; border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div> <div style="border:2px solid #DFC69B; padding:15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸ブラウン2</div><p> </p>
<p> </p><div style="display:inline-block;padding:10px 18px;background:#DABFAC; border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold; color:#ffffff;">ここにタイトル</span></div> <div style="border:2px solid #DABFAC; padding:15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸ブラウン3</div><p> </p>
<p> </p><div style="display:inline-block;padding:10px 18px;background:url(https://atelier-plume.net/wp-content/uploads/2022/08/o0041004114817316953.png);border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight:bold;">ここにタイトル</span></div> <div style="border:2px solid #F0EBE3; padding:15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに本文。角丸水玉</div><p> </p>