本文摘自PHP中文网,作者藏色散人,侵删。
css去掉文字前的点的方法:1、在相关的页面找到head部分,并写入代码为“ul li{list-style:none;}”;2、在li和ul内加入“list-style”即可。
本文操作环境:Windows7系统,Dell G3电脑,HTML5&&CSS3版。
推荐:《css视频教程》
对于很多人用div来做网站时,总会用到li、ul,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除。
使用css去除文字前点的方法:
找到相关性的CSS,在.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。
实现:
1、在相关的页面找到head部分写入下面的代码
1 2 3 4 5 |
|
2、在li,ul内加入list-style。如
1 |
|
当然这种是很麻烦的了。
最简单的就是第一种了,通过CSS来控制,这个当然会有不错的效果了。
这几种方法都是通过设置list-style:none来设置的,有的是会用list-style-type,下面我们来看一看它的属性:
none不使用项目符号
disc实心圆,默认值
circle空心圆
square实心方块
decimal阿拉伯数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母
这些都可以来代替上文中的none,想要什么样的都会有一个相应的对应。
以上就是css怎么去掉文字前的点的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
推荐一个chrome devtools实用小插件:css overview panel
vertical-align负值和margin-bottom负值的差异有哪些?
更多相关阅读请进入《css》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者