Dreamweaver的CSS布局ul和li范例
来源:asp之家 时间:2009-08-28 12:34:00
在CSS布局中,ul,li的运用是非常常见的。配合DIV与CSS,创建无表格布局。 其实Dreamweaver中也有自带的CSS布局的范例,如下图:
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;
}
标签:Dreamweaver,布局,ul
0
投稿
猜你喜欢
SQL Server 2008升级报表服务器数据库
2008-11-18 12:36:00
最具创意的广告牌全集
2007-09-21 19:54:00
SQL Server数据库查询优化3种技巧
2008-10-17 10:10:00
初学者必读:经典的数据库记录分页代码
2009-01-08 15:27:00
用正则表达式表示不包含2950的字符串
2010-03-02 22:10:00
asp如何制作一个弹出式的调查窗口?
2010-06-29 21:24:00
设计地址栏透明icon图标方法
2008-10-25 16:42:00
实例讲解MySQL数据库中文问题的解决方法
2008-12-31 15:15:00
在ASP中使用SQL语句之5:开始执行
2007-08-11 12:36:00
asp使用 sql_dmo 添加新数据库代码
2010-03-17 20:57:00
《写给大家看的设计书》阅读笔记之重复原则
2009-07-12 15:36:00
再说淘宝的评价和信用机制
2008-07-10 12:43:00
带农历的JavaScript日期时间js代码
2010-08-01 10:29:00
php链式操作mysql数据库(封装类带使用示例)
2023-05-25 02:58:22
创意方法杂谈
2009-05-13 12:53:00
asp随机提取access数据库记录的几种方法
2007-09-06 19:42:00
关于ASP中脚本执行顺序的讲解
2008-11-04 12:02:00
防止网上重复投票的方法
2009-06-01 12:31:00
设计与用户体验
2009-05-06 13:36:00
读取MySQL的log方法
2011-07-01 12:04:57