ブログの文中・文末に「まとめ」や「POINT」として囲み枠(BOX)を使うと、見やすくなって便利ですよね。アクセントとしても効果的です。 CSSをスタイルシート(style.css)にコピペして下さいね。子テーマがある場合は子テーマstyle.cssへ囲み枠はすべて「幅 90%」にしていますが「width: 90%;」の行を削除することで幅いっぱいに広げて使うことができます。ワードプレスの新ブロックエディター「Gutenberg(グーテンベルク)」でプラグイン不要の使い方を⇒こちらの記事で解説しています。各BOXコードの上に表示している『サンプル囲み枠』はキャプチャ画像です。
![【CSS】シンプルな囲み枠(ボックス)コピペですぐ使える](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a4199e6e8fa6052266ec6693eb58f42248345e0/height=288;version=1;width=512/https%3A%2F%2Flove-wave.com%2Fwp-content%2Fuploads%2Fkakomi-css-1.png)