程序人生

关于用DIV怎么做出TABLE的样式

时间:2013/10/6 19:17:48  作者:www.solgle.com  来源:说歌社区  查看:224  评论:0
内容摘要:.row div{ border:1px solid black; height:20px; width:24%; float:left; margin-right:-1px; margin-...
<html>
<head>
<style type="text/css">
.row div{
 border:1px solid black;
 height:20px;
 width:24%;
 float:left;
 margin-right:-1px;
 margin-top:-1px;
 text-align:center;
 font-weight:bold;
 display:block;
}
#head div{
 background-color:#CCFFFF;
 margin-top:0;
}
</style>
<head>

<body>
<div>
 <div class="row" id="head" style="width:100%">
     <div>标题1</div><div>标题2</div><div>标题3</div><div>标题4</div>
    </div>
    <div class="row" id="row1" style="width:100%;" onmousedown="move(this)">
     <div>haha</div><div></div><div></div><div></div>
    </div>
    <div class="row" id="row2" style="width:100%;">
     <div>hoho</div><div></div><div></div><div></div>
    </div>
</div>
</html>
标签:用DIV做出TABLE的样式 

solgle.com 版权所有,欢迎分享!!!

相关文章
    相关评论
     img1 img2 img3 img4 img5 img6 img7 img8 img9 img10
    评论者:      验证码:  点击获取验证码
       Copyright © 2013-2028 solgle.com,All rights reserved.[solgle.com] 公安机关备案号:51010802000219
    Email:solgle@solgle.com; weixin:cd1008610000 ICP:蜀ICP备14011070号-1