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瀑布状图表,这些在下 ...
最新文章
- leetcode 236. 二叉树的最近公共祖先 递归解法 c语言
- Mysql安装过程(linux:2.6.18-194.el5,Mysql:)
- linux 系统arp检测工具,linux网络常用诊断工具
- linux树莓派 ssh密码,树莓派之SSH连接经验
- 动态规划--图像压缩
- WCF服务实例激活类型编程与开发(转)
- 以30字符宽居中输出python字符串_python3字符串
- 2021汽车产业数字化转型白皮书-腾讯研究院.pdf(附下载链接)
- hp203b例程_飞思卡尔公司LIN总线的例程代码
- PaaS建设有什么意义,能够给企业带来哪些价值?
- ensp的下载与安装
- 机器人断脚_超强算法让机器人脚断了照样跑
- java提升的计划书
- u8服务器ip地址在哪修改,u8服务器ip地址在哪修改
- 深度解析Android Q cutout刘海屏
- android -------- Hawk数据库
- 辣鸡python导入不了函数库嘤嘤嘤(问题)
- 最具有催眠功能的网站
- elementui 利用周选择器 获取周一到周五的日期 和当前周
- som matlab代码,Kohonen的SOM软件包
热门文章
- 怎么用计算机管理权限删除文件,如何删除需要管理员权限才能删除的文件夹?...
- QT按钮实现鼠标双击事件
- ROS回顾学习(11): TF之static_transform_publisher
- 以“有用”为圆心:重新认识智慧城市的“高手之路”
- 遨博机器人展示_遨博协作机器人全系列二:iV系列智能视觉专用插件无缝对接...
- 使用sed命令规范化文档
- 江苏计算机三级试卷,江苏省计算机三级(偏硬) 试卷.doc
- 海贼王为什么画风突变_突变对象时控制台中会记录什么
- PS2023磨皮滤镜插件Portraiture人像美容
- RPC-BDY(5)-服务自动注销、负载均衡