在CSS中经常会使用到li标签,默认情况下使用li时,会在文字前面自动加上一个黑色的小圆点,有时候会觉得这个圆点多余,所以要去掉。下面讲述三种方法,其实就一种方法,
非常简单,只需要设置list-style-type属性就可以了,设置成none,前面的小圆点就不会显示了。就没有了。

<UL style="list-style-type:none;">  
      <LI>HELLO</LI>  
</UL>

下面的三种不同写法:

方法一:
<ul>
     <li style="list-style-type:none;">我要加油学习网</li>
     <li style="list-style-type:none;">雅虎</li>
     <li style="list-style-type:none;">新浪</li>
     <li style="list-style-type:none;">谷歌</li>
</ul>

方法二:
<style>
 li {list-style-type:none;}
</style>
<ul>
     <li>我要加油学习网</li>
     <li>雅虎</li>
     <li>新浪</li>
     <li>谷歌</li>
</ul>

方法三:
<style>
 .li_style {list-style-type:none;}
</style>
<ul>
     <li class="li_style">我要加油学习网</li>
     <li class="li_style">雅虎</li>
     <li class="li_style">新浪</li>
     <li class="li_style">谷歌</li>
</ul>

下面是CSS list-style-type 的语法

CSS list-style-type 属性

定义和用法

list-style-type 属性设置列表项标记的类型。

默认值: disc
继承性: yes
版本: CSS1
JavaScript 语法: object.style.listStyleType="square"

实例

设置不同的列表样式:

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;}

CSS2 的值:

描述
none 无标记。
disc 默认。标记是实心圆。
circle 标记是空心圆。
square 标记是实心方块。
decimal 标记是数字。
decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。)
lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。)
upper-roman 大写罗马数字(I, II, III, IV, V, 等。)
lower-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha 大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
lower-greek 小写希腊字母(alpha, beta, gamma, 等。)
lower-latin 小写拉丁字母(a, b, c, d, e, 等。)
upper-latin 大写拉丁字母(A, B, C, D, E, 等。)
hebrew 传统的希伯来编号方式
armenian 传统的亚美尼亚编号方式
georgian 传统的乔治亚编号方式(an, ban, gan, 等。)
cjk-ideographic 简单的表意数字
hiragana 标记是:a, i, u, e, o, ka, ki, 等。(日文片假名)
katakana 标记是:A, I, U, E, O, KA, KI, 等。(日文片假名)
hiragana-iroha 标记是:i, ro, ha, ni, ho, he, to, 等。(日文片假名)
katakana-iroha 标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名)

CSS中去掉li前面的圆点方法相关推荐

  1. 【html/css】CSS中去掉li前面的圆点方法

    在CSS中经常会使用到li标签,默认情况下使用li时,会在文字前面自动加上一个黑色的小圆点,有时候会觉得这个圆点多余,所以要去掉.下面介绍几种常用的方法. 方法一: <ul>      & ...

  2. css如何去掉li的点,css怎么去掉li的点

    html的li标签默认带有小圆点,css中可以使用list-style-type属性来去掉li的小圆点:只需要给li标签添加"list-style-type: none;"样式,设 ...

  3. html页面 消除横向滚动条,框架网页中去掉横向(水平)滚动条的方法

    有的时候,我们可能需要在网页页面中嵌入框架页面,嵌入之后可能会由于框架页面中的页面过宽而会出现横向(水平)滚动条的现象,这样非常不便于浏览者的习惯,我们往往习惯于垂直滚动条,所以在这里向大家介绍一种框 ...

  4. css如何载入多种字体,在css中包含多种字体的正确方法

    我不是一个简单的时刻.哪种方式是在css中包含多种字体的正确方法?这里是简单的例子.在css中包含多种字体的正确方法 This? @font-face { font-family: Delicious ...

  5. 文字居中、CSS中实现盒子水平垂直居中的方法

    1. 文字居中: 第一种方式: 当用text-align:center时,达到的是水平居中的效果,那再用vertical-align:middle:其实是实现不了垂直居中的,此时就需要用到displa ...

  6. css margin属性 auto,css中margin:auto属性的使用方法

    css中margin:auto属性的使用方法 发布时间:2020-06-25 10:53:17 来源:亿速云 阅读:221 作者:Leah 今天就跟大家聊聊有关css中margin:auto属性的使用 ...

  7. html怎样去掉li前面的小圆圈,css怎么去掉li前的默认点?

    有时候写导航li前面带个黑色的点,很烦人,如何去掉li前面的默认点?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css怎么去掉li前的默认点? 给li ...

  8. html5li怎么去除前面的圆点,在Html的CSS中去除li标签前面小黑点以及ul、LI部分属性方法...

    讲过一围多元示一能近讲提下了多素效个外近    div是很多人做网站都会用到的,但在显示默认效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,现在我们可以用以下方法来清除默认黑点 ...

  9. CSS中通过import方式导入的方法

    在高性能网站设计的第五章,我简要的提到@import 对于网站的性能有某些负面的影响,然后我在 Web 2.0 Expo 的演讲上深入探讨了这个问题,并创建了一些测试页面和HTTP瀑布状图表,这些在下 ...

最新文章

  1. leetcode 236. 二叉树的最近公共祖先 递归解法 c语言
  2. Mysql安装过程(linux:2.6.18-194.el5,Mysql:)
  3. linux 系统arp检测工具,linux网络常用诊断工具
  4. linux树莓派 ssh密码,树莓派之SSH连接经验
  5. 动态规划--图像压缩
  6. WCF服务实例激活类型编程与开发(转)
  7. 以30字符宽居中输出python字符串_python3字符串
  8. 2021汽车产业数字化转型白皮书-腾讯研究院.pdf(附下载链接)
  9. hp203b例程_飞思卡尔公司LIN总线的例程代码
  10. PaaS建设有什么意义,能够给企业带来哪些价值?
  11. ensp的下载与安装
  12. 机器人断脚_超强算法让机器人脚断了照样跑
  13. java提升的计划书
  14. u8服务器ip地址在哪修改,u8服务器ip地址在哪修改
  15. 深度解析Android Q cutout刘海屏
  16. android -------- Hawk数据库
  17. 辣鸡python导入不了函数库嘤嘤嘤(问题)
  18. 最具有催眠功能的网站
  19. elementui 利用周选择器 获取周一到周五的日期 和当前周
  20. som matlab代码,Kohonen的SOM软件包

热门文章

  1. 怎么用计算机管理权限删除文件,如何删除需要管理员权限才能删除的文件夹?...
  2. QT按钮实现鼠标双击事件
  3. ROS回顾学习(11): TF之static_transform_publisher
  4. 以“有用”为圆心:重新认识智慧城市的“高手之路”
  5. 遨博机器人展示_遨博协作机器人全系列二:iV系列智能视觉专用插件无缝对接...
  6. 使用sed命令规范化文档
  7. 江苏计算机三级试卷,江苏省计算机三级(偏硬) 试卷.doc
  8. 海贼王为什么画风突变_突变对象时控制台中会记录什么
  9. PS2023磨皮滤镜插件Portraiture人像美容
  10. RPC-BDY(5)-服务自动注销、负载均衡