无序列表的点怎么去掉?
方法:给li加上 list-style-type:none;这个样式就可以了。
具体步骤:
1、html中的无序列表是ul标签,这个标签本身自带属性,有小圆点。
2、去除圆点 给li设置样式 : 在style中设置: list-style-type:none 就把每个li的圆点去掉了。
3、加上 li{list-style-type:none;} 样式之后在页面上的显示效果。
css如何去掉列表符号?
在CSS中,我们可以使用list-style属性来控制列表样式。如果想要去掉列表符号,可以使用list-style:none;来将列表符号设置为空。
具体做法是在需要去掉符号的列表所在的样式表中添加如下代码:ul {list-style:none;},其中ul为无序列表的标签名,list-style为用来控制列表样式的属性,none为设置列表样式为空,这样就可以成功去掉列表符号了。需要注意的是,该代码只能对无序列表进行操作,有序列表需要去掉数字或字母可以使用list-style-type:none。
设置li标签的list-style属性为none如下例子li标签在没有设置li{list-style:none;}的时候,前面是有圆点的,设置之后,圆点消失<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><style> li{list-style: none;}/*这里设置*/</style></head><body><li>
1</li><li>
2</li><li>
3</li><li>
4</li><li>
5</li></body></html>
DW中,该如何清除应用无序列表后出现的那个点?CSS中,我已经把类型改为无了,怎么还有点出来呢?
可能是代码写错误了
列表代码如下:
其中id=menu css代码如下#menu {
padding-right: 0px;
padding-left: 0px;
float: right;
padding-bottom: 0px;
margin: 0px;
width: 492px;
padding-top: 0px;
list-style-type: none;
position: relative;
height: 109px;
top: 5px;