关于html有序列表的样式
答案:1 悬赏:50 手机版
解决时间 2021-12-03 00:17
- 提问者网友：斑駁影
- 2021-12-02 15:20
关于html有序列表的样式
最佳答案
- 五星知识达人网友：詩光轨車
- 2021-12-02 15:56
效果
代码
test
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;
}
代码
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;
}
工具类书籍
建筑类书籍
计算机书籍
少儿类书籍
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯