divcss实现一行三列布局

Tags:div  css  一行三列  

先看下效果

下面代码是div css实现的是 一行三列 行高90px  宽分别是 180px,600px,120px

样式部分

<style>
body {
 color:#FFFFFF;
 font-size:18px;
 }
.content {
 width:900px;
 height:90px;
}
.list180  {
 width:180px;
 height:90px;
 float:left;
 background:#ff0000;
}
.list600 {
 width:600px;
 height:90px;
 float:left;
 background:#000000;
}
.list120 {
 width:120px;
 height:90px;
 background:#003366;
}

</style>
<div class="content">
 <div class="list180">1</div>
 <div class="list600">2</div>
 <div class="list120">3</div>
</div>

以上的适合初学呵呵 ，有同样爱好的同志，多来我博客交流

div css布局 我也是初学   希望高人多指点

最新评论及回复

最近发表

最新评论及回复