【转】CSS+DIV下的网页设计实例和大家分享

转自：http://www.cnblogs.com/zhanghongdao/archive/2007/10/29/941040.html

 

■网页布局实例

·CSS+DIV设计实例：实现让多个DIV排列时居中

·合理使用HTML标签进行CSS布局

·CSS布局中最小高度（min-height）的妙用

·使用 CSS 创建固定宽度的布局

·CSS初级入门：整体布局声明

·解决列高度自适应(列高度相同)的五种方法

·最小高度100%页脚保持在底部的布局方法

·用CSS floats创建三栏页布局

·左中右3栏布局中最先显示中栏内容的方法

·经典 用CSS实现表单form布局

·DIV+CSS布局实例:各种2栏3栏布局实例(附下载)　

■导航菜单实例

·CSS+DIV设计实例：超酷的竖排导航栏

·CSS+DIV设计实例：纯CSS制作下拉导航菜单

·不用script仅用css编写无限分级弹出菜单

·透明的(transparence)CSS菜单

·CSS垂直树形下拉菜单

·用CSS制作隐藏菜单

·纯CSS制作简洁的垂直导航

·CSS仿淘宝首页导航条布局效果

·完全用CSS实现的中英文双语导航菜单

·符合WEB标准的下拉导航菜单例子

■网页特效实例

·CSS+DIV网页特效欣赏：非常酷的角BANNER

·CSS+DIV设计实例：不同色链接和其下划线

·CSS+DIV设计实例：Hover over下的边框变化

·CSS+DIV设计实例：看看IE中有关1px的Bug

·CSS做一个超链接的陷下效果

·CSS：background-position的妙用

·用CSS制作照片走廊　

·CSS让表格的溢出内容隐藏起来

·用ASP+CSS实现随机背景

·使用纯 CSS 设计3D按钮

·利用CSS的Clip属性来创造多彩文字

·通过CSS类型的顺序改变翻滚效果

·CSS的“弹出式”图像浏览器

·把XHTML／CSS页面转换成为打印机页面

·无延迟翻滚的图形/CSS混合风格的按钮

·如何利用PHP和CSS改变网页文字大小

·CSS应用实例：水平线变成虚线　

·相册的自动播放效果SlideShow　

·用css制作表单并体验亲和力

·避免表格table被撑开变形的CSS

·用DIV做不规则形状的环绕文字

·避免页面布局被大尺寸图片和长字符串破坏