css 如何设置ul的列表图标和列表文字对齐

html-css019

css 如何设置ul的列表图标和列表文字对齐,第1张

1、将li的height和line-height设置成为和设计稿一样的

2、将列表

图标

整体切出来,铺在ul上,不平铺

3、使用background-position控制ul背景和li中的

文字

对齐即可。。。

一般默认情况下那个项目符号是有的。如果是定义了ul{list-style:none},那个项目符号就没有了,在这种情况下,你可以用list-style-type把那个项目符号显示出来,其中list-style-type的取值可以是下面这些:

disc : 默认值。实心圆

circle : 空心圆

square : 实心方块

decimal : 阿拉伯数字

lower-roman : 小写罗马数字

upper-roman : 大写罗马数字

lower-alpha : 小写英文字母

upper-alpha : 大写英文字母

none : 不使用项目符号