<style type="text/css">
.blue{ background-color:Blue}
.yellow{ background-color:Yellow }
</style>
还想要什么颜色自己再写就行了，然后哪个<div>里想要什么颜色，将<div>的class属性设成对应的CSS名称就行了。例如<div class="blue">这个<div>背景就是蓝的，这样写方便以后再修改，不必修改每一个<div>，只需要修改<style>里定义的代码就行了
不明白的私。
谢谢采纳
是有效果的，leftbanner的22%是以浏览器的宽度来定的。如果你要固定
leftbanner的话
代码如下
<html>
<title>利用背景颜色分块</title>
<style
type="text/css">
<!--
body{
padding:0px
margin:0px
background-color:#FFCCFF}
.topbanner{
background-color:#fbc9ba}
.leftbanner{
width:22%
height:330px
vertical-align:top
background-color:#660000
color:#FFFFFF
text-align:left
padding-left:40px
font-size:14px}
.mainpart{
text-align:center}
-->
</style>
</head>
<body>
<div
style="
float:leftwidth:100px
height:100px
background:#000"></div>
<div
style="margin-left:100px
height:300px
background:#FFF"></div>
</body>
</html>
<style>.k {position:absolutewidth:20pxheight:20px}
</style>
<body>
<script>
for(var i=0i<50i++){
document.write("<div class='k' style='left:"+parseInt(Math.random()*(window.innerWidth-10))+"pxtop:"+parseInt(Math.random()*(window.innerHeight-10))+"pxbackground-color:rgb("+parseInt(Math.random()*256)+","+parseInt(Math.random()*256)+","+parseInt(Math.random()*256)+")'></div>")
}
</script>
</body>
