标签之美九——列表

时间 2019-11-09

标签标签之美列表繁體版

原文原文链接

标签之美——列表

列表是网页排序中时常会用到的一个元素。spa

无序列表使用<ul></ul>来定义标签的开始和结束。使用<li></li>来设置标签项，示例以下：code

<body>
<ul>
<li>title1</li><li>title2</li><li>title3</li>
</ul>
</body>

效果以下：排序

标签的type属性能够设置其样式：ci

这个样式就是默认的样式，效果如上图it

示例以下：im

<body>
<ul type="circle">
<li>title1</li><li>title2</li><li>title3</li>
</ul>
</body>

效果以下：技术

效果以下：样式

有序列表的开始和结束使用<ol></ol>来定义，一样使用<li></li>来定义列表项，示例以下：img

<body>
<ol type="square">
<li>title1</li><li>title2</li><li>title3</li>
</ol>
</body>

效果以下：di

这个样式为默认的样式，效果如上。

效果以下：

列表能够进行嵌套，形式以下：

<body>
<ol type="i">
<li>title1</li>
<ul type="disc">
<li>subTitle1</li><li>subTitle2</li>
</ul>
<li>title2</li><li>title3</li>
</ol>
</body>

效果以下：

专一技术，热爱生活，交流技术，也作朋友。

——珲少 QQ群：203317592