<html>
<head>
<title></title>
<style type="css/text">
#head{width:1000pxheight:20pxbackground-color:red}
#middle{width:1000pxheight:400px}
#foot{width:1000pxheight:200pxbackground-color:green}
</style>
</head>
<body>
<div id="head"></div>
<div id="middle"></div>
<div id="foot"></div>
</body>
</html>
上述代码大体的意思就是使用id获取元素,并对其进行样式的设定。希望采纳,手打不易啊