求CSS站内li的用法

html-css013

求CSS站内li的用法,第1张

只要在<ul>或者<ol>里定义CSS样式list-style-type或者设置<li>的list-style-type的就可以了。

举例:

<ul style="list-style-type:square">

<li>a</li>

<li>b</li>

<li>c</li>

</ul>

原来的点a

点b

点c

就变成 方块a

方块b

方块c

了。

list-style-type可以有以下取值:

取值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit

disc:点

circle: 圆圈

square: 正方形

decimal: 数字

decimal-leading-zero: 以一个0开头的数字e.g., 01, 02, 03, ..., 98, 99

lower-roman: 小写罗马文字i, ii, iii, iv, v, etc.

upper-roman: 大写罗马文字I, II, III, IV, V, etc.

lower-greek: 小写阿拉伯文字α, β, γ, ...

lower-latin: 小写拉丁文a, b, c, ... z

upper-latin: 大写拉丁文A, B, C, ... Z

armenian: 亚美尼亚数字

georgian: 乔治亚数字an, ban, gan, ..., he, tan, in, in-an, ...

lower-alpha: 小写拉丁文a, b, c, ... z

upper-alpha: 大写拉丁文A, B, C, ... Z

none: 无(取消所有的list样式)

inherit:继承

line-height是行高,不是指a的高度

a属于没有宽高的内联元素,其高度受到字体大小和字数,行高等影响

如果你设置了统一的样式,字数一样的情况下是不会有差别的

这个差别的出现你可以检查一下是否因为内容的差异造成的

还有就是一般来说,我们都会设置a元素成为块元素,让它完全

填充li,这样你想点击a标签时会更大的范围,更好点击

-------

其次我非常不建议你乱使用>这个标识,这是在html中容易造成混乱

你一个疏忽将会很难找出异常

最后有用别忘记采纳哦亲