CSSで枠を作成し、内容を目立たせる

https://support.cagolab.jp/reference/text/102.html

文章を目立たせたり、ページを読みやすくするために枠でくくることがあるかと思います。
CSSを使って自在に枠を作ってみてはいかがでしょうか。

SAMPLE

■　お知らせ　■
●月●日～●月●日は勝手ながら夏期休暇とさせて頂きます。
この期間のご注文に関しましては●月●日より発送させて頂きます。ご了承下さいませ。



<div style="padding: 20px 40px; border: 3px solid #ff0000; 
            margin: 20px; background: none repeat scroll 0% 0% #ffffff;">
■　お知らせ　■
●月●日～●月●日は勝手ながら夏期休暇とさせて頂きます。
この期間のご注文に関しましては●月●日より発送させて頂きます。ご了承下さいませ。
</div>

<div style="padding: 20px 40px; border: 3px solid #ff0000;

margin: 20px; background: none repeat scroll 0% 0% #ffffff;">

■　お知らせ　■

●月●日～●月●日は勝手ながら夏期休暇とさせて頂きます。

この期間のご注文に関しましては●月●日より発送させて頂きます。ご了承下さいませ。

</div>

枠内・枠外の余白の設定、線の太さ・タイプ・色、背景の設定… 枠の作成は単純そうに見えて、意外と設定する項目が多くて複雑に見えます。

その分、自分の思い通りの枠を作成できるのですが、中々思い通りに作れない時もあるかと思います。
そういう時は以下のサイトをおすすめします。
CSSタグの自動発行を行うサイト BANNAER　KOUBOU
※弊社外部サイトです。ご了承下さいませ。