欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

【转】CSS+DIV下的网页设计实例和大家分享_html/css_WEB-ITnose

程序员文章站 2022-04-30 15:26:47
...
转自: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做不规则形状的环绕文字
·避免页面布局被大尺寸图片和长字符串破坏