在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. mysql8.0查看用户_MySQL 8.0用户及安全管理
  2. python pp 库实现并行计算
  3. LeetCode 102二叉树的层序遍历103二叉树锯齿形遍历104二叉树的最大深度
  4. java通过Access_JDBC30读取access数据库时无法获取最新插入的记录
  5. iis6扩展php_Web服务器IIS6的PHP5.2.5最佳配置方法
  6. 第一个程序,Hello World
  7. 简单的Session案例 —— 一次性验证码
  8. Windows平台RTSP|RTMP播放端SDK集成说明
  9. OpenPBS 脚本
  10. python 状态机_Python 状态机
  11. [mystery]-加密解密整理
  12. 独家 | 李飞飞亲口跟我们说:离职Google是假新闻
  13. 在服务器端运行JavaScript文件(二)
  14. 一个数据库的所见即所得的好工具
  15. python 窗口更新_pythontkinter更新文本窗口
  16. screw 的postgresql数据库使用教程
  17. 《SysML精粹》学习记录--第一章
  18. 简易超声波雷达的arduino实现
  19. 【每日一读】High-order Proximity Preserving Information Network Hashing
  20. 相机照片删除了怎么恢复?60%的人都用这三步解决了

热门文章

  1. C语言程序设计(一)计算机思维导论
  2. 电子地图/卫星地图下载并转存为jpg图片
  3. 凝思运行3D Unity程序
  4. python在办公软件上的应用
  5. 图像修复 python_Python OpenCV|cv2.inpaint()函数,图像修复
  6. 解决科研小问题 | Error: Unable to find solver DLL path from sim file
  7. 能源变革--数字孪生变电站,机器人巡检更胜一筹!
  8. [下载]三维卫星云图显示系统V2.0
  9. 机器学习_非参数估计
  10. CANoe 从入门到精通