ブログのデザインカスタムを始めよう③（ボックス導入）

　久しぶりに時間があったので、CSS言語について勉強します。

今回はブログ記事の中に、ボックスを盛り込みたいと思っています。

普段の記事では、ボックスの使い方が分からないので【】を用いてまとめ等を書いてましたが、今後はボックスを利用して記載していければと思います。

まとめ

• ①
• ②
• ③

　上記のまとめボックスは下記HTMLを利用。

<div class="box1"><span class="box-title">まとめ</span>
<ul>
<li>①</li>
<li>②</li>
<li>③</li>
</ul>
</div>

これを、HTML編集に直接入力することにより、ボックスが完成しました。

　今後は、覚える意味も込めて記事のまとめにはこのボックスを利用していこうと思います。これで少しは読みやすくなるかな？

　こんな感じで徐々に成長していきます！！