导航:首页 > 万维百科 > 网页设计中列表去点

网页设计中列表去点

 发布时间：2020-09-30 02:31:07

1、网页设计时怎么去掉前面的的黑色实心点


<html>
<head>
<title>无序列表的问题</title>
</head>

<body>

<ul>
<li>默认会带上点</li>
</ul>
<ul style="list-style:none;">
<li>写上CSS:list-style:none;属性后，点就没了</li>
</ul>
</body>
</html>

 这里面有两个很重要的知识点需要明白：

圆点是怎么产生的，这个和容器的默认属性有关

用什么方法消除这个圆点，涉及到CSS的用法

ul是无序列表，也就是没有序号的列表，所以固定是圆点，这是容器的默认属性

style样式可以写在行内、外部CSS或者内部CSS中都可以，属性中要写上list-style:none;

list-style的意思是说列表的样式，也就是这个无序列表的样式

：none的意思就是说无，连在一起的意思就是无序列表的样式为无

消除圆点代码对比效果如下：

2、网页设计中像这样的列表该怎样做？

用递归处理数据，把数据处理成html所要求的格式就行（要做之前可以先学一下递归）

3、网页css 无序列表制作前面的标点

第一个问题：这个你可以在给这个页面做标签重置代码：ul{list-style:none;} 这样你整改页面用无序列表时就不会有这样的样式了
第二个问题：我没有怎么听明白。如果要给这些样式定义颜色直接用color属性就行啊。或者设置背景图片

4、html中用ul 时可以去除列表前面的点 那用ol时可以去除吗

<style>
li{list-style:none;}
</style>这样就可以用ul 时可以去除列表前面的点 那用ol时也可以去除

5、网站制作之如何去掉LI前面的点

这个是CSS样式问题！在CSS里li属性下会有一个 list-style-type 该属性定义 li 前面是否有圆点或者其他列表数字等！

例如：list-style:none 出来的效果就是下面这个样子的！

、

而如果将该CSS样式中的list-style改为：list-style:disc 则出来就是这样的效果：



具体的表述方法主要有以下这几种：

list-style-type :
disc 默认值。实心圆
circle 空心圆
square 实心方块
decimal 阿拉伯数字
lower-roman 小写罗马数字
upper-roman 大写罗马数字
lower-alpha 小写英文字母
upper-alpha 大写英文字母
none 不使用项目符号

所以，想去掉list前面的符号或者黑点，只要找到CSS中的list-style将其样式进行修改即可！

6、在HTML中怎样去除无序列表前的小圆点？

方法：给li加上  list-style-type:none；这个样式就可以了。

7、html中用ul 时可以去除列表前面的点 那用ol时可以去除吗？

<ol><li></li></ol>有序列表在网页制作中一般用的较少，固定好的编号一般是无法去掉的，但是可以修改其中的编号类型，有序列表在网页中使用的频率比较少，因为它的样式可以通过CSS来修改的。

8、网页制作里要显示列表前面的点加什么属性

默认是加点的

用display控制

与网页设计中列表去点相关的知识