彻底弄懂CSS盒子模式（DIV布局快速入门）

日期：2007年12月9日作者：查看:[大字体中字体小字体]

*{

margin:0px;

padding:0px;

}

body{

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

margin:0pxauto;

height:auto;

width:760px;

border:1pxsolid#006633;

}

#header{

height:100px;

width:760px;

background-image:url(headPic.gif);

background-repeat:no-repeat;

margin:0px0px3px0px;

}

#nav{

height:25px;

width:760px;

font-size:14px;

list-style-type:none;

}

#navli{

float:left;

}

#navlia{

color:#000000;

text-decoration:none;

padding-top:4px;

display:block;

width:97px;

height:22px;

text-align:center;

background-color:#009966;

margin-left:2px;

}

#navlia:hover{

background-color:#006633;

color:#FFFFFF;

}

#content{

height:auto;

width:740px;

line-height:1.5em;

padding:10px;

}

#contentp{

text-indent:2em;

}

#contenth5{

font-size:16px;

margin:10px;

}

#footer{

height:50px;

width:740px;

line-height:2em;

text-align:center;

background-color:#009966;

padding:10px;

}

-->

</style>

结构代码是这样的：

<body>

<divid="header"></div>

<ulid="nav">

<li><ahref="#">首页</a></li>

<li><ahref="#">文章</a></li>

<li><ahref="#">相册</a></li>

<li><ahref="#">Blog</a></li>

<li><ahref="#">论坛</a></li>

<li><ahref="#">帮助</a></li>

</ul>

<divid="content">

<h5>前言</h5>

<p>第一段内容</p>
上一页 [1] [2] [3] [4] [5] [6] 下一页
彻底弄懂CSS盒子模式（DIV布局快速入门）相关文章：
·DIV+CSS布局入门实例教程
·创建一个纯CSS的水平导航条
·设计一个基于CSS的网页模板
·Javascript+CSS横向三级导航菜单
·站长推荐：53个CSS-不可或缺的技巧
·CSS文本：word-wrap
·网页设计基础:Div+CSS布局入门教程
·如何使用CSS来进行网页排版
·彻底弄懂CSS盒子模式（DIV布局快速入门）
·CSS中的滑动门技术
彻底弄懂CSS盒子模式（DIV布局快速入门）相关软件
·CSS中文教程
·Rapid CSS 2007 V8.0.0.75
·DVD Region+CSS Free Lite V5.9.8.3
·CSS-BuMa V1.2
·DVD Region+CSS Free V5.983
·ＣＳＳ２中文手册

上一篇:纯CSS代码实现翻页

下一篇:彻底弄懂CSS盒子模式

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

彻底弄懂CSS盒子模式（DIV布局快速入门）

精品推荐

热点TOP10

特别推荐