「CSS入門」list-style-typeプロパティでリストの項目を設定するサンプル

2020年7月7日

1.説明
disc –黒い丸
circle–白い丸
square–黒い四角

2.CSSコード
#cftA{list-style-type:disc;}
#cftB{list-style-type:circle;}
#cftC{list-style-type:square;}

3.htmlコード

<ul id="cftA">
　　<li>A01</li>
　　<li>A02</li>
　　<li>A03</li>
</ul>
<ul id="cftB">
　　<li>B01</li>
　　<li>B02</li>
　　<li>B03</li>
</ul>
<ul id="cftC">
　　<li>C01</li>
　　<li>C02</li>
　　<li>C03</li>
</ul>