黑马程序员技术交流社区

标题: 关于<li></li>的问题 [打印本页]
作者: 陈子斌    时间: 2012-7-10 17:41
标题: 关于<li></li>的问题
在生成的网页上，前端的小圆点是用什么属性表示的，怎么去掉
作者: 文硕    时间: 2012-7-10 18:07
对于li或ul，想不显示圆点，则添加 LIST-STYLE-TYPE:none;即可
作者: 常静华    时间: 2012-7-10 21:00
css 内设置 ul: LIST-STYLE-TYPE:none:
作者: 杨正    时间: 2012-7-10 22:28
本帖最后由 杨正 于 2012-7-10 22:30 编辑
在生成的网页上，前端的小圆点是用什么属性表示的，怎么去掉


1、前面有圆点的示例
  1. <font size="3" face="Verdana" color="#808000"><html>
  2. <body>
  3. <h4>一个无序列表：</h4>
  4. <ul>
  5.   <li>咖啡</li>
  6.   <li>茶</li>
  7.   <li>牛奶</li>
  8. </ul>
  9. </body>
  10. </html></font>
复制代码

2、前面无圆点的示例
  1. <font size="3" face="Verdana" color="#808000"><html>
  2. <body>
  3. <h4>一个无序列表：</h4>
  4. <ul style="list-style-type: none ">
  5.   <li>咖啡</li>
  6.   <li>茶</li>
  7.   <li>牛奶</li>
  8. </ul>
  9. </body>
  10. </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;}

作者: 许楠    时间: 2012-7-10 22:50
前面讲的很清楚了  我补充一点
type="disc"         实心圆
type="circle"       空心圆
type="square"     方框

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

建议学这个是遇到问题最好要有看css简介的习惯。。。那里面说得很清楚。。。
作者: 许庭洲    时间: 2012-7-11 08:18
本帖最后由 许庭洲 于 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>



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2