web-dev-qa-db-ja.com

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

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

li {list-style: disc...}
14
abcid d

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

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

ul {
    list-style: none;
}

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

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

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