固定宽度布局的列背景色设置
效果图:
<title>固定宽度布局的列背景色设置</title>
<style type="text/css">
#head,#content,#bottom{
margin:0px;
padding:0px;
width:900px;
margin:0px auto;
}
#head{
height:100px;
background:#666;
}
#content{
position:relative;
height:400px;
}
#left{
background:#FF0;
text-indent:2em;
width:200px;
margin:0px;
padding:0px;
}
#middle{
text-indent:2em;
position:absolute;
top:0px;
left:200px;
width:500px;
height:400px;
background:#00F;
margin:0px;
padding:0px;
}
#right{
text-indent:2em;
position:absolute;
top:0px;
left:700px;
width:200px;
margin:0px;
padding:0px;
background:#0F0;
}
#bottom{
height:100px;
background:#999;
}
</style>
</head>
<body>
<div id="head"></div>
<div id="content">
<div id="left">
<p>拉开始放进来撒地方加拉设计方法就是的法律框架啊受到了房间阿里山的两款发动机离开撒旦就法律框架是大连房价的萨拉附近离开的师傅家老大是会计法律考试大解放了</p>
<p>卡技术的了大家爱师傅拉萨的解放垃圾收到了飞机撒到了放假了了电视卡积分拉萨的肌肤绿卡事件的福利卡技术的法律历史大开发就拉上看的积分拉斯科技的弗拉拉斯科技的弗拉拉斯科技的弗拉拉斯科技的弗拉</p>
</div>
<div id="middle">
<p>拉开始放进来撒地方加拉设计方法就是的法律框架啊受到了房间阿里山的两款发动机离开撒旦就法律框架是大连房价的萨拉附近离开的师傅家老大是会计法律考试大解放了卡技术的了大家爱师傅拉萨的解放垃圾收到了飞机撒到了放假了了电视卡积分拉萨的肌肤绿卡事件的福利卡技术的法律</p>
<p>历史大开发就拉上看的积分拉斯科技的弗拉拉开始放进来撒地方加拉设计方法就是的法律框架啊受到了房间阿里山的两款发动机离开撒旦就法律框架是大连房价的萨拉附近离开的师傅家老大是会计法律考试大解放了卡技术的了大家爱师傅拉萨的解放垃圾收到了飞机撒到了放假了了电视卡积分拉</p>
<p>萨的肌肤绿卡事件的福利卡技术的法律历史大开发就拉上看的积分拉斯科技的弗拉拉开始放进来撒地方加拉设计方法就是的法律框架啊受到了房间阿里山的两款发动机离开撒旦就法律框架是大连房价的萨拉附近离开的师傅家老大 </p>
<p>是会计法律考试大解放了卡技术的了大家爱师傅拉萨的解放垃圾收到了飞机撒到了放假了了电视卡积分拉萨的肌肤绿卡事件的福利卡技术的法律历史大开发就拉上看的积分拉斯科技的弗拉</p>
</div>
<div id="right">拉开始放进来撒地方加拉设计方法就是的法律框架啊受到了房间阿里山的两款发动机离开撒旦就法律框架是大连房价的萨拉附近离开的师傅家老大是会计法律考试大解放了卡技术的了大家爱师傅拉萨的解放垃圾收到了飞机撒到</div>
</div>
<div id="bottom"></div>
</body>