详解 li 列表项目效果的CSS定义
October 13th, 2007 by lidecheng
li的这个样式定义是将列表项目使用图片来代替显示的小圆点。
当然也可以显示成其它效果，详细请参阅下面的定义:
列表项目效果的CSS定义
| *list-style-type:circle | 列表项目样式 |
| disc:CSS1 | 实心圆 |
| circle:CSS1 | 空心圆 |
| square:CSS1 | 实心方块 |
| decimal:CSS1 | 阿拉伯数字 |
| lower-roman:CSS1 | 小写罗马数字 |
| upper-roman:CSS1 | 大写罗马数字 |
| lower-alpha:CSS1 | 小写英文字母 |
| upper-alpha:CSS1 | 大写英文字母 |
| none:CSS1 | 不使用项目符号 |
| armenian: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(图片地址) | 用图像disc.gif代替列表项目显示 |
| list-style-position : outside | inside |
| outside | 列表项目标记放置在文本以外，且环绕文本不根据标记对齐 |
| inside | 列表项目标记放置在文本以内，且环绕文本根据标记对齐 |
0 Responses to “详解 li 列表项目效果的CSS定义”