CSS 项目符号

html-css015

CSS 项目符号,第1张

建议不要用list-style-type:url("jpg")因为这样图片与文本很难对齐的,有可能差几个像素的。

你可以在列表前直接加一个图片。设置ul{ margin:0pxpadding:0px} ul li{list-style-type:none}

对于图片与文本的间距你自己想多少就该多少。

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

disc : 默认值。实心圆

circle : 空心圆

square : 实心方块

decimal : 阿拉伯数字

lower-roman : 小写罗马数字

upper-roman : 大写罗马数字

lower-alpha : 小写英文字母

upper-alpha : 大写英文字母

none : 不使用项目符号

纯css应该是不行了 因为项目符号样式 list-style-type 没有提供三角符号的取值list-style-type 的取值如下:disc : CSS1 默认值。实心圆

circle : CSS1 空心圆

square : CSS1 实心方块

decimal : CSS1 阿拉伯数字

lower-roman : CSS1 小写罗马数字

upper-roman : CSS1 大写罗马数字

lower-alpha : CSS1 小写英文字母

upper-alpha : CSS1 大写英文字母

none : CSS1 不使用项目符号

armenianl : CSS2 未支持。传统的亚美尼亚数字

cjk-ideographic : CSS2 未支持。浅白的表意数字

georgian : CSS2 未支持。传统的乔治数字

lower-greek : CSS2 未支持。基本的希腊小写字母

hebrew : CSS2 未支持。传统的希伯莱数字

hiragana : CSS2 未支持。日文平假名字符

hiragana-iroha : CSS2 未支持。日文平假名序号

katakana : CSS2 未支持。日文片假名字符

katakana-iroha : CSS2 未支持。日文片假名序号

lower-latin : CSS2 未支持。小写拉丁字母

upper-latin : CSS2 未支持。大写拉丁字母。 你可以用调用你的三家符号的图片作为项目符号呀list-style-image : url ( url ) 括号里填你的项目符号图片的地址 也很方便的