css如何去掉li前面的点


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在css中,可以使用list-style属性来清除li前面的点,只需要给li标签设置“list-style:none”样式即可。list-style属性是用来控制li列表项目标记的。当值为none时可以清除li前面的项目标记。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

对于很多人用div来做网站时,总会用到 li,但显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除。

1、在CSS中写入代码。找到相关性的CSS,在.li.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。

2、在相关的页面找到head部分写入下面的代码

1

2

3

4

5

<style type="text/css">

li{

    list-style:none;

}

</style>

3、在li,ul内加入list-style。

1

2

3

4

5

<ul style="list-style-type:none>

    <li>

    <a herf="http://123.COM">我的博客</a>

    </li>

< /ul>

当然这种是很麻烦的了。

最简单的就是第一种了,通过CSS来控制,这个当然会有不错的效果了。

这几种方法都是通过设置list-style:none来设置的,有的是会用list-style-type,下面我们来看一看它的属性。

  • none:不使用项目符号

  • disc:实心圆,默认值 circle空心圆

  • square:实心方块

  • decimal:阿拉伯数字

  • lower-roman:小写罗马数字

  • upper-roman:大写罗马数字

  • lower-alpha小写英文字母

  • upper-alpha:大写英文字母

这些都可以来代替上文中的none,想要什么样的都会有一个相应的对应。

阅读剩余部分

相关阅读 >>

Html代码用什么软件

Html调用js方法有哪些

Html是啥

如何判断Html中文本框内容是否为空

Html超级链接a的click事件之后跳转href所指向的地址

Html怎么设置行距

Html 元素

Html中title啥意思

为了标识一个Html文件应该使用什么标签

Html的<noframes>标签

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...