有序列表的序号样式

时间：2017-12-01 13:49:05 阅读：150 评论：0 收藏：0 [点我收藏+]

代码：

<ol>
<li>张店</li>
<li>淄川</li>
<li>周村</li>
</ol>

页面效果

技术分享图片

list-style属性，可以将列表前面的序号去掉。

代码

<ol style="list-style:none">
<li>张店</li>
<li>淄川</li>
<li>周村</li>
</ol>

页面效果

技术分享图片

list-style-image属性，可以将序号改为图片。

代码

<ol style="list-style-image:url(../image/hw_408955.jpg)">
<li>张店</li>
<li>淄川</li>
<li>周村</li>
</ol>

页面效果

技术分享图片

原文地址：http://www.cnblogs.com/niushuangmeng/p/7941345.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行