【CSS】ulタグの●マークを表示しない方法

ulタグのリストを作る際、先頭の“・”のマークがいらない時にマークを消す方法のメモ。＆任意のマークを表示する方法メモ。

list-styleもしくはlist-style-typeで指定できる。

ul {list-style:none;}

“before“を使って指定します。

ul {list-style:none;}

li:before {content:"☆";}

色も指定できます。

ul {list-style:none;}

li:before {content:"☆";　color:red;}

nth-child()も使って指定できます。

ul {list-style:none;}

li:nth-child(odd):before {content:"☆";　color:red;}

li:nth-child(even):before {content:"☆";　color:blue;}

 ul{ list-style: disc;}

 ul{ list-style: circle;}

 ul{ list-style: square;}

 ul{ list-style: decimal;}

 ul{ list-style: cjk-ideographic;}

 ul{ list-style-position: inside;}

 ul{ list-style-position: outside;}