请输入您要查询的百科知识:

 

词条 list-style
释义

功能:

设置列表项目相关内容。

语法:

list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值:

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 未支持。大写拉丁字母

-------------------

LI代码的格式化:

A).

运用CSS格式化列表符:

ul li{

list-style-type:none;

}

B).

如果你想将列表符换成图像,则:

ul li{

list-style-type:none;

list-style-image: url(images/icon.gif);

}

C).

为了左对齐,可以用如下代码:

ul{

list-style-type:none;

margin:0px;

}

D).

如果想给列表加背景色,可以用如下代码:

ul{

list-style-type: none;

margin:0px;

}

ul li{

background:#CCC;

}

E).

如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:

ul{ list-style-type: none; margin:0px; }

ul li a{ display:block; width: 100%; background:#ccc; }

ul li a:hover{ background:#999; }

说明:

display:block;这一行必须要加的,这样才能块状显示!

F).

LI中的元素水平排列,关键FLOAT:LEFT:

ul{

list-style-type:none;

width:100%;

}

ul li{

width:80px;

float:left;

}

随便看

 

百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。

 

Copyright © 2004-2023 Cnenc.net All Rights Reserved
更新时间:2025/2/27 3:59:08