搜索
首页web前端css教程css样式“list-style:none”是什么意思?

在css中,“list-style:none”样式表示设置列表项标记的类型为空,即列表项前无标记。list-style属性默认列表项标记的类型为实心圆,如果属性值设置为none,则可以去掉列表项标记。

css样式“list-style:none”是什么意思?

本文操作环境:windows10系统、css3、thinkpad t480电脑。

“list-style:none”样式表示设置列表项标记的类型为空,即列表项前无标记。

(推荐教程:CSS视频教程

list-style 简写属性在一个声明中设置所有的列表属性。

该属性是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素,不过实际上它可以应用到任何元素,并由 list-item 元素继承。

可以设置的属性(按顺序): list-style-type, list-style-position, list-style-image。

其中list-style-type属性:可以设置列表项标记的类型。

其属性值:

  • 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, 等。(日文片假名序号)    

示例:

<html>
<head>
<style type="text/css">
.li1 
{
list-style:none
}
</style>
</head>

<body>
<ul>
<li class="li1">咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>

</html>

效果图:

1.png

更多编程相关知识,请访问:编程学习!!

以上是css样式“list-style:none”是什么意思?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
不要分开逗号:如果需要深层浏览器支持不要分开逗号:如果需要深层浏览器支持Apr 18, 2025 am 09:25 AM

我真的很喜欢:焦点。它是一个超级有用的选择器,它允许您在任何一个孩子焦点时基本上选择父元素。

讲图形设计的故事讲图形设计的故事Apr 18, 2025 am 09:19 AM

让我为您构架:我们将从草图文件中拿出一个生产UI,将其分解为信息,然后将其构建

开发人员的设计原理:流程和CSS提示更好的网页设计开发人员的设计原理:流程和CSS提示更好的网页设计Apr 18, 2025 am 09:12 AM

从技术上讲,任何人都可以做饭。但是,实际上知道如何准备美味饭和希望您能尽力而为,这是有区别的

Draggin&#039;和droppin&#039;在反应中Draggin&#039;和droppin&#039;在反应中Apr 17, 2025 am 11:52 AM

React生态系统为我们提供了许多库,所有库都集中在拖放的相互作用上。我们有反应,反应,可爱dnd,

快速软件快速软件Apr 17, 2025 am 11:49 AM

最近有一些关于快速软件的完美互连的事情。

带有背景折叠的嵌套梯度带有背景折叠的嵌套梯度Apr 17, 2025 am 11:47 AM

我可以说我经常使用背景折叠。 IT Wager IT几乎从未在日常CSS工作中使用。但是在斯特凡·朱迪斯(Stefan Judis)的帖子中,我想起了它,

使用React Hooks使用requestAnimationFrame使用React Hooks使用requestAnimationFrameApr 17, 2025 am 11:46 AM

使用RequestAnimationFrame进行动画化应该很容易,但是如果您还没有彻底阅读React的文档,那么您可能会遇到一些事情

需要滚动到页面顶部吗?需要滚动到页面顶部吗?Apr 17, 2025 am 11:45 AM

向用户提供此链接的最简单方法是针对元素上的ID的链接。如此...

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前By尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前By尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境