このサイトついて
SPONSORED LINK
リストのマークを変更したい
対応ブラウザ |
---|
使用するタグ:<ul type=""><li>または<ul><li type="">
リストのマークを変更したい場合は<ul type=""><li>または<ul><li type="">で設定します。
<ol>タグにtype属性により、黒丸(disc)、白丸(circle)、黒い四角(square)を指定することができます。また、<li>タグにtype属性をつけると、項目ごとに黒丸(disc)、白丸(circle)、黒い四角(square)をつけ分けることができます。
例
HTMLソース
<ul type="circle">
<li>英国式アロマテラピー</li>
<li>カリグラフィー</li>
<li>基礎からの英会話</li>
</ul>
<ul>
<li type="disc">黒丸</li>
<li type="circle">白丸</li>
<li type="square">黒い四角</li>
</ul>
↓
<ul type="circle">
<li>英国式アロマテラピー</li>
<li>カリグラフィー</li>
<li>基礎からの英会話</li>
</ul>
<ul>
<li type="disc">黒丸</li>
<li type="circle">白丸</li>
<li type="square">黒い四角</li>
</ul>
ブラウザ上の表示
- 英国式アロマテラピー
- カリグラフィー
- 基礎からの英会話
- 黒丸
- 白丸
- 黒い四角