<div style="padding: 10px; margin-bottom: 10px; border: 5px double #333333;">
    ここに文字を入力する。
</div>

<div style="padding: 10px; margin-bottom: 10px; border: 5px double #D6FEFE;">ここに文字を入力する。</div>

<div style="background: #D6FEFE; border-left: #D6FEFE solid 10px; border: #D6FEFE solid 1px; font-size: 100%; padding: 16px;"><span style="font-size: 16px;">本文はこちら</span></div>

<div style="border: 1px solid#F7F6EB; padding: 5px; border-radius: 10px 10px 0 0; background: #F7F6EB;">□タイトル</div>

<div style="border: 1px solid #F7F6EB; padding: 10px; border-radius: 0 0 10px 10px; background: #F6FBF6;">

<ul>

<li>ここに書く</li>

<li>ここに書く</li>

<li>ここに書く</li>

</ul>

</div>

<p>&nbsp;</p>

<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ -->
<div style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;">
<p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 -->
<p>&nbsp;</p>

<div style="border: 8px solid #aa6600; background: #104300; color: #ffffff; box-shadow: 2px 2px 4px #999999, 2px 2px 2px #002200 inset; padding: 15px;">
<div style="margin-bottom: 0.5em;"><span style="border-bottom: 1px solid white;">タイトル部分</span></div>
<p style="margin: 0;">ここに文章</p></div>
<p>&nbsp;</p>

<div style="border: 1px solid #40e0d0; padding: 5px; border-radius: 10px 10px 0 0; background: #40e0d0;">□タイトル</div>

<div style="border: 1px solid #40e0d0; padding: 10px; border-radius: 0 0 10px 10px; background: #ffffff;">

<ol>

<li><br>

</li>

<li><br>

</li>

<li><br>

</li>

<li><br>

</li>

<li>&nbsp;</li>

</ol>

</div><p>&nbsp;</p>

 <div style="border: 1px solid #40e0d0; padding: 5px; border-radius: 10px 10px 0 0; background: #40e0d0;">□タイトル</div>

<div style="border: 1px solid #40e0d0; padding: 10px; border-radius: 0 0 10px 10px; background: #ffffff;">

<ul>

<li>ここに書く</li>

<li>ここに書く</li>

<li>ここに書く</li>

</ul>

</div><p>&nbsp;</p>

<div style="border: 1px solid #40e0d0; padding: 5px; border-radius: 10px 10px 0 0; background: #40e0d0;">□タイトル</div>

<div style="border: 1px solid #40e0d0; padding: 10px; border-radius: 0 0 10px 10px; background: #ffffff;">★ここに文字を入力してください。</div><p>&nbsp;</p>

<div align="center" style="background: #f4fff9; padding: 10px; border: 1px dotted #00ac9a;"><b><a href="リンク先">お役立ち記事</a> </b>/ <b><a href="リンク先">お客様の声</a> </b>/ <a href="リンク先"><b>ご提供中メニュー</b></a> / <a href="リンク先"><b>お問い合わせ</b></a></div>

<div style="background:#f7f7f7;padding:10px;width: auto;margin-right:6px;box-shadow: 5px 5px 5px #AAA;border: 2px dotted #CCCCCC;">ここに文章を入れる</div><br>

 <div style="padding: 0px 0px 1px 5px; font-size: 1.2em; font-weight: bold; border-bottom-color: #000066; border-left-color: #000066; border-bottom-width: 2px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;"><span style="color: #ff0000;">この記事も参考にして！</span></div><p>&nbsp;</p>

<div style="background:#ff1493; border:1px solid #ff1493; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">■タイトル■</font></div><div style="border:1px solid #ff1493; padding:10px; font-size:1em;"></div>

電話番号

 <a href="tel:000-0000-0000">000-0000-0000</a>

スペース

<p>&nbsp;</p>

色見本と配色

https://www.color-sample.com/

 <a href="mailto:info@example.com">メールはこちらへ</a>