<li>リストスタイルでプラス記号（+）を使用するにはどうすればよいですか？

Question

リストスタイルでプラス記号を使用できるかどうか疑問に思います。ディスクの代わりに、サークル... in <li>リストスタイル、プラス記号を付けることはできますか？

li {list-style: disc...}

Answer 1

ディスクや円などのようなプラス記号のリストスタイルはありませんが、：beforeセレクターをcontentプロパティと一緒に使用すると、同様の結果を得ることができます。

これを機能させるためのCSSコードは次のとおりです。

ul {
    list-style: none;
}

li:before {
    content: "+";
    margin-right: 4px;
}

Answer 2

代わりに画像を使用できます。

li{list-style-image:url('...');}