囲い枠素材集の巻
☎ リンクボタン↓<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-3.png" style="display: none;" width="250" height="65" alt=""></a></div> <p> </p>黒板風囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 8px solid #aa6600; background: #104300; color: #ffffff; box-shadow: 2px 2px 4px #999999, 2px 2px 2px #002200 inset; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p> </pストライプ囲い<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background-size: 4px 4px; background-repeat: repeat; background-image: linear-gradient(-45deg, #ffffff 25%, #4169e1 25%, #4169e1 50%, #ffffff 50%, #ffffff 75%, #4169e1 75%, #4169e1); padding: 6px;"><div style="background: #e0e7fa; padding: 15px;"><p style="margin: 0;">ここに文章</p></div></div><p> </p>斜め背景<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: repeating-linear-gradient(-45deg, #e0e7fa, #e0e7fa 3px, #e9eefb 3px, #e9eefb 7px); border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p> </p水玉みどり/p><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #59a136; background-color: #d6efbe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 12px 12px; background-size: 24px 24px; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p> </pこういうのをHTML表示の方へ貼り付けて、読みやすいようにするのねホウ…(・_・D フムフムで、もうひとつ長いコードは囲い枠に入れておかないとはみ出ると思って入れなおしたのに結局はみ出とるがなスライドースライドースライドーどうしたらいいんじゃい
