怎么做出这样的效果,以下代码分享
无标题文档body{background-color:#CCC;border:1px double black;height:500px;}
#header{background-color:#CCC;border:1px double black;height:150px;width:70%;margin:20px auto;}
.demo{background-color:#CCC;border:1px double black;height:40px;width:70%;margin:35px auto;line-height:40px;padding-left:8px;}
#body{background-color:#FFF;border:1px double black;height:250px;width:70%;margin:20px auto;}
.demo1{background-color:#FFF;border:1px double black;height:40px;width:70%;margin:20px auto;line-height:40px;padding-left:8px;}
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>