如何做一个没有四边框线的表格
想做一个表格 效果如下
不知道如何操作
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> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td> </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>
