A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 陈子斌 中级黑马   /  2012-7-10 17:41  /  1739 人查看  /  6 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

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

6 个回复

倒序浏览
对于li或ul,想不显示圆点,则添加 LIST-STYLE-TYPE:none;即可
回复 使用道具 举报
css 内设置 ul: LIST-STYLE-TYPE:none:
回复 使用道具 举报
本帖最后由 杨正 于 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;}

回复 使用道具 举报
前面讲的很清楚了  我补充一点
type="disc"         实心圆
type="circle"       空心圆
type="square"     方框

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

建议学这个是遇到问题最好要有看css简介的习惯。。。那里面说得很清楚。。。
回复 使用道具 举报
许庭洲 黑马帝 2012-7-11 08:18:33
7#
本帖最后由 许庭洲 于 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>
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马