日期:2014-05-17  浏览次数:20564 次

如何做一个没有四边框线的表格
想做一个表格 效果如下
不知道如何操作
css

------解决方案--------------------
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<style>
    table{border-collapse:collapse;}
    table td{border: 1px solid black;}
 </style>
 <table cellspacing="0" cellpadding="0" id="aaa">
   <tr>
 <td>&nbsp;&nbsp;</td><td>&nbsp;&nbsp;</td><td>&nbsp;&nbsp;</td>
   </tr>

    <tr>
 <td>&nbsp;&nbsp;</td><td>&nbsp;&nbsp;</td><td>&nbsp;&nbsp;</td>
   </tr>
    <tr>
 <td>&nbsp;&nbsp;</td><td>&nbsp;&nbsp;</td><td>&nbsp;&nbsp;</td>
   </tr>
 </table>
 <script>
 $(function(){
 setTblNo("aaa");
 })
 function setTblNo(tblid)
 {
var oTbl=$("#"+tblid);
oTbl.find("tr:first >td").css("border-top","none");//去掉上边框
oTbl.find("tr:last >td").css("border-bottom","none");//去掉下边框
oTbl.find("tr >td:first-child").css("border-left","none");//去掉左边框
oTbl.find("tr >td:last-child").css("border-right","none");//去掉右边框
 }
 </script>

进测试 ,可行,jquery实现的