ul及ol标签list-style-type介绍_为什么不能给ol的类型设置为square

作者：盐析白兔 | 2024-03-28 07:58:03

踩

为什么不能给ol的类型设置为square

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

在这里插入图片描述

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, 等。（日文片假名）

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/328701