给我发写一下CSS以下布局

来源:百度知道 编辑:UC知道 时间:2024/06/30 14:27:33
我需要一个3行7列的;总宽度:760;从左开始第一列宽度143,第二列2,第三列145,第四列2,第五列145,第六列2,第七列,145.
总共三行.
要是可以,按一些部分写最好.谢谢!
143 |2| 145 |2| 145 |2| 145
143 |2| 145 |2| 145 |2| 145
143 |2| 145 |2| 145 |2| 145

非常感谢。

<style>
.one{width:640px;text-align:center}
.all{width:584px}
.a1{float:left;width:143px;background:red;height:20px}
.a2{float:left;width:2px;background:blue;height:20px}
.a3{float:left;width:145px;background:red;height:20px}
.a4{float:left;width:2px;background:blue;height:20px}
.a5{float:left;width:145px;background:red;height:20px}
.a6{float:left;width:2px;background:blue;height:20px}
.a7{float:left;width:145px;background:red;height:20px}
.a1,.a2,.a3,.a4,.a5,.a6,.a7{border-bottom:1px solid #ccc;border-right:1px solid #ccc;color:#fff}
</style>
<div class=one>
<div class=all>
<div class=a1></div>
<div class=a2></div>
<div class=a3></div>
<div class=a4></div>
<div class=a5></div>
<div class=a6></div>
<div class=a7></div>
<div class=a1></div>
<div class=a2&