margin 10px auto可使整個佈局居中

時間 2019-11-13

標籤 margin 10px auto 可使整個佈局居中欄目 CSS 简体版

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>新建網頁</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布爾教育 http://www.itbool.com" />
<style>
   #container{
       width: 1000px;
       height: 600px;
       background: white;
       margin: 20px auto;
   }
   #header{
       width: 1000px;
       height: 200px;
       background: blue;
   }
   #main{
       width: 1000px;
       height: 400px;
       background: purple;
   }
   #footer{
       width: 1000px;
       height: 200px;
       background:green;
   }
</style>
</head>
    <body>
       <div id="container">
           <div id="header"></div>
           <div id="main"></div>
           <div id="footer"></div>
       </div>
    </body>
</html>html

相關標籤/搜索