画像を使わないので、サイズやカラー変更もできて便利です!コピペでも使えますので、ぜひ使ってみてください。 はじめに ベースとなるHTML、CSSはこちらになります。(※CSSリセット済み) <ul> <li>テキストが入ります。<br>改行しました。</li> <li>テキストが入ります。</li> <li>テキストが入ります。</li> </ul> <style> ul{ font-size: 14px; line-height: 1.5; } li + li{ margin-top: 5px; } </style> 丸 塗りつぶし テキストが入ります。 改行しました。 テキストが入ります。 テキストが入ります。 <style> li{ position: relative; padding-left: 15px; } li:before { content: ""; position:
![全11パターン!よく見るリストマーカーをCSSで作ってみた | たねっぱ!](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3a82ab4a316edf7b7c7c791df965e064480ad90/height=288;version=1;width=512/https%3A%2F%2Ftaneppa.net%2Fwp-content%2Fuploads%2F2018%2F07%2Fkv_list-style-marker_css-500x262.jpg)