<ol type="" start="" reversed>
<li></li>
//... ...
<li></li>
</ol>
| 类别 | 说明 |
|---|---|
| type | 1：按数字；默认排序方式 A：按大写字母、a：按小写字母 I：按大写罗马字母、i：按小写罗马字母 |
| start | 起始值；只适用于数字排序 |
| reversed | 倒序；减到0会成为负数 |
<ol start=4>
<li>list1</li>
<li>... ...</li>
<li>list5</li>
</ol>
<ol start=3 reversed>
<li>list1</li>
<li>... ...</li>
<li>list5</li>
</ol>
<ol type="i">
<li>list1</li>
<li>... ...</li>
<li>list5</li>
</ol>
<ol type="A" reversed>
<li>list1</li>
<li>... ...</li>
<li>list5</li>
</ol>
<ul type="">
<li></li>
//... ...
<li></li>
</ul>
| 类别 | 说明 |
|---|---|
| disc | 点；默认标记 |
| square | 方块 |
| circle | 圆圈 |
高级使用 - 使用 伪元素 - ::before、计数器；通常先初始化再定制
<ul type="square">
<li></li>
//... ...
<li></li>
</ul>
/* 也可以使用 li */
ul {
list-style: square;
}
li::marker {
color: #fa8231;
}
[] OA文档如何定制下划线颜色？
li::marker {
content: '+';
}
li::marker {
content: '\2720';
}
li::marker {
content: '\00A9';
}
[] OA文档如何定制项目符号？
<ul type="">
<li>
<a href="" target="" title=""> discernible text </a>
</li>
//... ...
<li>
<a href="" target="" title=""> discernible text </a>
</li>
</ul>
<nav> <a href="" target="" title=""> discernible text </a> //... ... <a href="" target="" title=""> discernible text </a> </nav>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
ol,
ul {
list-style: none;
}
