どうもみなさん!Rikiです! 読みやすいブログを作るためにデザインを試行錯誤していて、今回は第16弾となります。 前回は見出しのデザインを変える方法をお伝えしました。下記記事をご覧ください。 www.riki-riki.com 今回は文章中にボックスデザインを入れる方法をお伝えします。 ブログを見やすくする16〜文章中にボックスデザインを入れよう〜 文章中にボックスデザインを入れる方法 デザインCSSの入力 HTMLの入力 今後 ブログを見やすくする16〜文章中にボックスデザインを入れよう〜 文章中にボックスデザインを入れる方法 デザインCSSの入力 デザインCSSに入力します。 ”デザイン”→”デザインCSS”をクリックします。 ここに以下のテキストを入力します。 .box1{ /*自分が設定したいボックスの任意の番号*/ padding: 0.5em 1em; margin: 2em