关于html有序列表的样式

请问如何得到这样的序号... 请问如何得到这样的序号 展开
 我来答
coolbi5
推荐于2017-09-27 · TA获得超过1万个赞
知道大有可为答主
回答量:1.1万
采纳率:35%
帮助的人:2463万
展开全部

效果

代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style type="text/css">
ol{
  counter-reset: li; 
   list-style: none;
}
ol li{
margin-top:5px;
}
ol a{
font-family:微软雅黑;
font-size:14px;
text-decoration:none;
color:#000000;
}
ol a:before{
content:counter(li);
counter-increment: li;
position:absolute;
left:20px;
width:15px;
height:15px;
line-height:15px;
text-align:center;
border:1px solid;
}
ol a:hover{
color:red;
}
</style>
</head>

<body>
<ol>
<li><a href="#">工具类书籍</a></li>
<li><a href="#">建筑类书籍</a></li>
<li><a href="#">计算机书籍</a></li>
<li><a href="#">少儿类书籍</a></li>
</ol>
</body>
</html>
ZESTRON
2024-09-04 广告
表面污染分析包括评估表面上存在的颗粒、残留物或物质。通过利用显微镜、光谱学和色谱法等技术,分析人员可以识别和表征污染物,以确定其成分和来源。这种分析在电子、制药和制造等各个行业中至关重要,以确保产品质量、性能和安全性。了解表面污染有助于实施... 点击进入详情页
本回答由ZESTRON提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式