艺术迷网
艺术迷 >> 网页设计 >> css教程 >> CSS教程:li和ul标签用法举例
2007-12-2 23:30:17   作者:   来源:   点击:510
页面功能: 【评论】有错就点】 【字体: 】 【打印】 【关闭【收藏本页】
li代码的格式化:
a).运用css格式化列表符:ulli{
list-style-type:none;
}
b).如果你想将列表符换成图像,则:ulli{
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;
}
ulli{
background:#ccc;
}
e).如果想给列表加mouseover背景变色效果,可以用如下代码:ul{list-style-type:none;margin:0px;}
ullia{display:block;width:100%;background:#ccc;}
ullia:hover{background:#999;}说明:display:block;这一行必须要加的,这样才能块状显示!

f).li中的元素水平排列‚关键float:left:ul{
list-style-type:none;
width:100%;
}
ulli{
width:80px;
float:left;
}
<ul><li>的区别
<li>的参数设定(常用):

例如:<litype="square"value="4">
上一篇:没有了下一篇:

利用CSS样式表设置网页文本显示

声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。如有疑问请与站长联系。
网友评论
目前没有评论!
发表评论
您的姓名: 匿名发送
电子邮件:
评论内容:
不能超过100个字符



所有留言只代表网友个人观点,不代表本站观点。
请各位遵纪守法并注意语言文明。
新闻搜索
关 键 词:
搜索范围:
全站精华
图文精彩
精品创意广告欣赏[图]--平面广告
【2006-12-9 3:51:35】
精品创意广告欣赏
大闹天宫插图古典版[图]--中国艺术
【2007-1-23 22:35:29】
大闹天宫插图古典版
古装美女-经典摄影[图]--摄影艺术
【2007-9-28 13:52:42】
古装美女-经典摄影
法国Christophe
【2007-3-12 17:41:37】
法国Christophe Pillet坐具设计
另类服装海报欣赏[图]--平面广告
【2007-1-6 1:05:54】
另类服装海报欣赏
力天设计欣赏(标志部分)[图]--平面广告
【2006-12-12 1:01:48】
力天设计欣赏(标志部分)
精美时尚服装[图]--时装魅影
【2007-4-10 10:26:12】
精美时尚服装
洗发露包装作品欣赏[图]--平面广告
【2007-9-21 15:11:44】
洗发露包装作品欣赏
戴敦邦红楼梦插图赏析[图]--中国艺术
【2007-1-28 4:07:15】
戴敦邦红楼梦插图赏析
数码时代-商业摄影欣赏[图]--摄影艺术
【2007-9-14 17:07:13】
数码时代-商业摄影欣赏
香槟之约--楼书宣传册设计[图]--平面广告
【2006-12-14 22:00:32】
香槟之约--楼书宣传册设计
不能不看的创意广告[图]--平面广告
【2006-12-4 19:40:10】
不能不看的创意广告
法国插画师ROLANDO
【2007-3-9 10:29:26】
法国插画师ROLANDO Cyril作品