CSS中去掉li前面的圆点方法
在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前面的圆点方法相关推荐
- 【html/css】CSS中去掉li前面的圆点方法
在CSS中经常会使用到li标签,默认情况下使用li时,会在文字前面自动加上一个黑色的小圆点,有时候会觉得这个圆点多余,所以要去掉.下面介绍几种常用的方法. 方法一: <ul> & ...
- css如何去掉li的点,css怎么去掉li的点
html的li标签默认带有小圆点,css中可以使用list-style-type属性来去掉li的小圆点:只需要给li标签添加"list-style-type: none;"样式,设 ...
- html页面 消除横向滚动条,框架网页中去掉横向(水平)滚动条的方法
有的时候,我们可能需要在网页页面中嵌入框架页面,嵌入之后可能会由于框架页面中的页面过宽而会出现横向(水平)滚动条的现象,这样非常不便于浏览者的习惯,我们往往习惯于垂直滚动条,所以在这里向大家介绍一种框 ...
- css如何载入多种字体,在css中包含多种字体的正确方法
我不是一个简单的时刻.哪种方式是在css中包含多种字体的正确方法?这里是简单的例子.在css中包含多种字体的正确方法 This? @font-face { font-family: Delicious ...
- 文字居中、CSS中实现盒子水平垂直居中的方法
1. 文字居中: 第一种方式: 当用text-align:center时,达到的是水平居中的效果,那再用vertical-align:middle:其实是实现不了垂直居中的,此时就需要用到displa ...
- css margin属性 auto,css中margin:auto属性的使用方法
css中margin:auto属性的使用方法 发布时间:2020-06-25 10:53:17 来源:亿速云 阅读:221 作者:Leah 今天就跟大家聊聊有关css中margin:auto属性的使用 ...
- html怎样去掉li前面的小圆圈,css怎么去掉li前的默认点?
有时候写导航li前面带个黑色的点,很烦人,如何去掉li前面的默认点?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css怎么去掉li前的默认点? 给li ...
- html5li怎么去除前面的圆点,在Html的CSS中去除li标签前面小黑点以及ul、LI部分属性方法...
讲过一围多元示一能近讲提下了多素效个外近 div是很多人做网站都会用到的,但在显示默认效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,现在我们可以用以下方法来清除默认黑点 ...
- CSS中通过import方式导入的方法
在高性能网站设计的第五章,我简要的提到@import 对于网站的性能有某些负面的影响,然后我在 Web 2.0 Expo 的演讲上深入探讨了这个问题,并创建了一些测试页面和HTTP瀑布状图表,这些在下 ...
最新文章
- mysql8.0查看用户_MySQL 8.0用户及安全管理
- python pp 库实现并行计算
- LeetCode 102二叉树的层序遍历103二叉树锯齿形遍历104二叉树的最大深度
- java通过Access_JDBC30读取access数据库时无法获取最新插入的记录
- iis6扩展php_Web服务器IIS6的PHP5.2.5最佳配置方法
- 第一个程序,Hello World
- 简单的Session案例 —— 一次性验证码
- Windows平台RTSP|RTMP播放端SDK集成说明
- OpenPBS 脚本
- python 状态机_Python 状态机
- [mystery]-加密解密整理
- 独家 | 李飞飞亲口跟我们说:离职Google是假新闻
- 在服务器端运行JavaScript文件(二)
- 一个数据库的所见即所得的好工具
- python 窗口更新_pythontkinter更新文本窗口
- screw 的postgresql数据库使用教程
- 《SysML精粹》学习记录--第一章
- 简易超声波雷达的arduino实现
- 【每日一读】High-order Proximity Preserving Information Network Hashing
- 相机照片删除了怎么恢复?60%的人都用这三步解决了
热门文章
- C语言程序设计(一)计算机思维导论
- 电子地图/卫星地图下载并转存为jpg图片
- 凝思运行3D Unity程序
- python在办公软件上的应用
- 图像修复 python_Python OpenCV|cv2.inpaint()函数,图像修复
- 解决科研小问题 | Error: Unable to find solver DLL path from sim file
- 能源变革--数字孪生变电站,机器人巡检更胜一筹!
- [下载]三维卫星云图显示系统V2.0
- 机器学习_非参数估计
- CANoe 从入门到精通