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を追加する
↧