CSSでリストマーカーを作成する

CSSのリストマーカーはdiscなどがあるが、色を変更することや形を変更することができない。

css

li {
	position:relative;
	padding-left:15px;
	list-style :none;
}
li:before {
	content:"";
	width:10px;
	height:10px; 
	background:#ff0000;
	position:absolute;
	left:0px;
	top:5px;
}

上の例では赤い四角のリストマーカーが作成できる。
丸いマーカーが欲しい場合は li:beforeの中にborder-radiusを追加する