2007-05-13

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

来源: 本站收集整理 作者:佚名 评论 0 条
 

}

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">
共7页: 上一页 [1] [2] [3] [4] [5] 6 [7] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:Dreamweaver 快捷键  
下一篇:JavaScript风格要素
    评论加载中…
 推荐文章
     

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号