list-style-imageプロパティ

値

次のような値を設定することができます。

• none – 画像なし
• url() – 画像のパスを指定します

パターン1

星の画像をリストのアイコンに指定している例です。ul要素に指定しています。

CSSコード例

ul {
	list-style-image: url(http://gc.localhost/wp-content/uploads/2016/08/icon_star.png);
}

表示例：

パターン2

li要素に指定することも可能なので、リストの1つ目のみに別画像を適用することもできます。

CSSコード例

ul {
	list-style-image: url(http://gc.localhost/wp-content/uploads/2016/08/icon_star.png);
}
ul li:first-child {
	list-style-image: url(http://gc.localhost/wp-content/uploads/2016/08/icon_star_orange.png);
}

表示例：

こちらの記事は役に立ちましたか？

コメントありがとうございます！
運営の参考にさせていただきます。