Dreamweaver 怎么网页布局 div css布局
展开全部
网站布局大体分为:
上中下,上-左右-下,左(上下)右等。
掌握这种大体布局方式,再用div+CSS布局。
给你写个上中下的最简单形式你瞅瞅
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网站布局DIV+CSS</title>
<style type="text/css">
*{
margin: 0;
padding:0;
}
.header,.main,.footer{
width: 100%;
text-align: center;
}
.header{
height: 200px;
line-height: 200px;
background: #2f2f2f;
color: white;
}
.main{
height: 500px;
line-height: 500px;
background: #e1e1e1;
}
.footer{
height: 100px;
line-height: 100px;
background: #2f2f2f;
color: white;
}
</style>
</head>
<body>
<!--头部-->
<div class="header">网站LOGO等</div>
<!--主体-->
<div class="main">网站内容</div>
<!--尾部-->
<div class="footer">网站版权等©All Rights Reserved</div>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询