出典 : Designed by Freepik HTMLのul、ol、liタグとCSSを使ったリスト(箇条書き)デザインを紹介します。 どのリストデザインも画像などは使わず、HTMLとCSSだけで表現することが可能です。 またコピペするだけでブログやホームページに実装できますので、気に入ったのがあればお試しください。 olを使ったオシャレなリストデザイン まずはhtmlのolタグを使った、番号付きのリスト(箇条書き)デザインから紹介します。 番号が必要なリストに対して使用して下さい。 またほとんどのリストデザインには、下記のHTMLコードを使っています。 違うHTMLコードを使用する場合は、CSSコードと合わせて掲載します。 <ol class="sample1"> <li>List1</li> <li>List2</li> <li>List3</li> <li>List4</li> <
![CSSで作るリストデザイン38選!オシャレな箇条書きを実現](https://cdn-ak-scissors.b.st-hatena.com/image/square/c62f81d87ced48734dd74e4243eb0a43883b1652/height=288;version=1;width=512/https%3A%2F%2Fwww.yuu-diaryblog.com%2Fwp-content%2Fuploads%2F2017%2F03%2Flist-design170313.jpg)