[急] 田字表格 (变成十字) 不要边框要内线! 求赐教!
我不想要最外面的边框只想要里面的十字线应该怎么做?
[急]在线等!
比如这样一个表格:
<table width= "100% " border= "1 " cellpadding= "0 " cellspacing= "0 " bordercolor= "#000000 ">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
[解决办法]
写样式：把边框加到td上
那就只要加td的下边框样式，如下边框为白色一个相素宽的实线边框。
td.BorderF
{
border-bottom:solid 1px #ffffff;
}
然后在每个td里面加样式 class= "BorderF "
[解决办法]
<html>
<head>
<title> test </title>
<style type= "text/css ">
table {border:none;width:100%;}
table td {border-bottom:1px solid #000;border-right:1px solid #000;}
table td.two {border-right:none;}
table td.thr {border-bottom:none;}
</style>
</head>
<body>
<table cellpadding= "0 " cellspacing= "0 ">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class= "two "> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class= "two "> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class= "two "> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class= "two "> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class= "two "> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class= "two "> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class= "two "> </td>
</tr>
<tr>
<td class= "thr "> </td>
<td class= "thr "> </td>
<td class= "thr "> </td>
<td class= "thr "> </td>
<td class= "thr "> </td>
<td class= "thr "> </td>
<td class= "thr "> </td>
<td class= "two thr "> </td>
</tr>
</table>
</body>
</html>
