在css可以使用list -s tyle -t y PE 属性将li的序号取消,只需要给li元素设置“list-style-type:none”样式即可。list-style-type属性用于设置列表项标记的类型,当值为none时,表示没有任何标记。
本教程操作环境:windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
新建一个html文件,命名为 test .html,用于 讲解 css如何去除li标签序号。在test.html文件中,使用li标签创建一个列表。在css标签内,设置列表的样式 。
在css标签内,将list-style-type属性设置为none,实现去除li标签的序号。
<!DOCTYPE html>
<html lang="en">
<head>
< ;m eta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE= Edge " />
<meta n am e="viewport" content="width=device-width, in IT ial-scale=1.0" />
<title>Document</title>
</head>
<body>
<ol class="mycss">
<li>标签a</li>
<li>标签b</li>
<li>标签c</li>
</ol>
</body>
</html>未加效果代码前:
加上效果代码后:
代码:
<style>
li {
list-style-type: none;
}
</style>效果:
扩展:
list-style-type 属性设置列表项标记的类型。
推荐学习:css视频教程
以上就是css 怎样 将li的序号取消的详细内容,更多请关注其它相关 文章 !
总结
以上是 为你收集整理的 css怎样将li的序号取消 全部内容,希望文章能够帮你解决 css怎样将li的序号取消 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did199921