<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>無標題文檔</title>
<style type="text/css">
/* content */
.container{position:relative;}
.main{width:1000px;position:absolute;top:0;left:50%;margin-left:-500px;}
/* background */
.bg div{height:200px;}
.bg .bg01{background:url(images01.jpg) no-repeat center top;}
.bg .bg02{background:url(images02.jpg) no-repeat center top;}
.bg .bg03{background:url(images03.jpg) no-repeat center top;}
.bg .bg04{background:url(images04.jpg) no-repeat center top;}
</style>
</head>
<body>
<div class="container">
<div class="main">
內容區域
</div>
</div><!--//內容--->
<div class="bg">
<div class="bg01">背景1</div>
<div class="bg01">背景2</div>
<div class="bg01">背景3</div>
<div class="bg01">背景4</div>
</div><!--//背景-->
</body>
</html>
頁面內容居中
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
用css寫六邊形
div佈局<div class="box1"></div><div class="box3"></div><div class="box2"></div>css.box1{ width: 58px;