羊皮纸论坛目录 / 程式设计 / 网页/网站程式 / CSS /

LI 清单标签结合CSS 的运用

发表新主题
随机主题
上个主题
下个主题
|
LI 清单标签结合CSS 的运用

A).运用CSS格式化列表∶

ul li{
list-style-type:none;
}

B).如果你想将网页中的列表设计成图像,则∶

 ul li{
list-style-type:none;
list-style-image: url(/blog/images/icon.gif);
}

C).为了让左边对齐,可以用如下网页代码∶

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

D).如果想给列表设计背景色,可以用如下网页代码∶

ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}

E).如果想给列表设计onMouseOver 背景变色效果,可以用如下网页代码∶

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;
}

  • 关键字 : style, width, margin, background, display, block, 说明, 让左边对齐, 想将网页中, 关键FLOAT, images, image, hover, float, LI中
0 0
2009-10-07T14:05:40+0000


  • 当您未登入羊皮纸时,可以利用脸书 Facebook 登入来发表回响。若使用羊皮纸会员身份发表回响则可获得经验值及虚拟金币,用来参加羊皮纸推出的活动。
发表回响
 
验证字串