ul及ol标签list-style-type介绍

最新推荐文章于 2024-12-04 08:10:00 发布

GuessHat

最新推荐文章于 2024-12-04 08:10:00 发布

阅读量3.4k

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/Guesshat/article/details/106272949

版权

本文介绍了HTML中ul和ol标签的list-style-type属性，包括默认样式和各种自定义标记类型，如disc、circle、square、decimal等，以及特殊文化风格的标记，如hebrew、armenian、georgian等，还有日文片假名的表示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ul及ol标签list-style-type介绍

1.ul/ol标签样式介绍

a.不设置ul中标签类型（默认）：

在这里插入图片描述
不设置ol中标签类型（默认）：

b.设置方法代码：
在html中设置或者在CSS样式中设置

		<style>
			#kl{
				list-style-type: none;
			}
		</style>
	</head>
	<body>
		<div>
			<ul id='kl'>
				<li>1</li>
				<li>1</li>
				<li>1</li>
				<li>1</li>
			</ul>
		</div>
	</body>

在这里插入图片描述

c.其他列表样式：
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, 等。（日文片假名）