[Transfer] Web design examples under CSS DIV to share with everyone_html/css_WEB-ITnose

Reprinted from: 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栏布局实例(附下载)　

■Navigation menu example

■导航菜单实例

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

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

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

·透明的(transparence)CSS菜单

·CSS垂直树形下拉菜单

·用CSS制作隐藏菜单

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

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

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

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

·CSS DIV design example: super cool Vertical navigation bar

·CSS DIV design example: making drop-down navigation menu with pure CSS

■网页特效实例

·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做不规则形状的环绕文字

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

·No script required only Writing infinite hierarchical pop-up menus with css

·Transparent (transparence) CSS menu

·CSS vertical tree drop-down menu

·Use CSS to create hidden menus

·Pure CSS to create simple vertical navigation

·CSS imitates Taobao homepage Navigation bar layout effect

·Chinese and English bilingual navigation menu completely implemented with CSS

·Example of drop-down navigation menu that complies with WEB standards

■Web page special effects example

·CSS DIV design example: border changes under Hover over ·CSS makes a hyperlink sinking effect ·Use pure CSS to design 3D buttons

·Appreciation of CSS DIV web page special effects: very cool corner BANNER

·CSS DIV design example: different colored links and their underlines

·CSS DIV design example: look at the 1px bug in IE

·CSS: the wonderful use of background-position

·Use CSS to create a photo corridor

·CSS hides the overflow content of the table

·Use ASP CSS to implement random background

·Use the CSS Clip property to create colorful text

·Change the order of CSS types Scroll effect

·CSS "pop-up" image browser

·Convert XHTML/CSS pages into printer pages

·Graphics/CSS hybrid style buttons with no delay scrolling

·How to change the text size of web pages using PHP and CSS

·CSS application example: horizontal line becomes dotted line

·Auto-playing effect of photo album SlideShow　

·Use css to create a form and Experience affinity

·CSS to prevent the table from being stretched and deformed

·Use DIV to create irregularly shaped surrounding text

·Avoid page layout being destroyed by large images and long strings