关于<li></li>的问题

在生成的网页上，前端的小圆点是用什么属性表示的，怎么去掉

许庭洲 · 许庭洲

本帖最后由许庭洲于 2012-7-11 08:26 编辑

html中的li标签需要嵌套在ul标签内，然后在ul标签内设置List-style-position属性，举个例子
<ul type="disc" style="background-color:FFFFFF;List-style-position:none;">
<li>北方城市</li>
<li>北京</li>
<li>天津</li>
</ul>

黑马-杨鹏立 · 黑马-杨鹏立

在网页制作中讲究行为，表现。。。结构分离所以把这些样式都定义在css中，这样写多了会形成一个好的习惯。。。别人看你代码也不会犯晕。。。
对于ul ol可以定义一个id然后把样式写到css中去 list-style-type：none；

建议学这个是遇到问题最好要有看css简介的习惯。。。那里面说得很清楚。。。

许楠 · 许楠

前面讲的很清楚了  我补充一点
type="disc"       实心圆
type="circle"    空心圆
type="square"    方框

以后肯定会用到

杨正 · 杨正

本帖最后由杨正于 2012-7-10 22:30 编辑

在生成的网页上，前端的小圆点是用什么属性表示的，怎么去掉

1、前面有圆点的示例

<font size="3" face="Verdana" color="#808000"><html>
<body>
<h4>一个无序列表：</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html></font>

复制代码

2、前面无圆点的示例

<font size="3" face="Verdana" color="#808000"><html>
<body>
<h4>一个无序列表：</h4>
<ul style="list-style-type: none ">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html></font>

复制代码

你运行一下代码对比就知道了。

list-style-type 属性是CSS中设置列表项标记的类型，默认值是disc（实心圆），

常用值的有：

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

常静华 · 常静华

css 内设置 ul: LIST-STYLE-TYPE:none:

文硕 · 文硕

对于li或ul，想不显示圆点，则添加 LIST-STYLE-TYPE:none;即可

帐号		自动登录	找回密码
密码			加入黑马

关于<li></li>的问题

6 个回复

黑马骑士勋章