html里的table如何在表格内部保留表格横线的同时去掉表格里的竖线？
就是把td的边框设成0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
table{
border-collapse:collapse;//表格单元格间距样式
border:1px solid #0F0;
}
tr{border:1px solid #0F0;}
td{
border:0px;}
</style>
</head>
<body>
<table width="200">
<tr>
<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>
</tr>
<tr>
<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>
</tr>
</table>
</body>
</html>
<style type="text/css">
#tab{
width:500px;
border:1px solid green;
}
#tab tr td{
width:50px;
border:1px solid green;
border-bottom-width: thin;
border-right-style:none;
border-left-style:none;
border-top-style: none;
}
</style>
<table id="tab" cellpadding="0" cellspacing="0">
<tr><td>NAME</td><td>AGE</td><td>PWD</td></tr>
<tr><td>cxc</td><td>16</td><td>123</td></tr>
<tr><td>cll</td><td>20</td><td>456</td></tr>
</table>
好像还不行哦，能具体点吗？
table {
width : 300px;
cellspacing : 0; //单元格之间，单元格与边框之间空隙为0
}
tr {
border : 1px solid; //宽度为1的实线
border-color: #D3D3D3; //横线的颜色
}
</style>
<table rules="rows">
<tr>
<td width="75">名称：</td>
<td width="75">风景01</td>
</tr>
</table>
给table标签加个属性rules="rows"，而且这个属性不能加在css样式中
|
广告 您可能关注的内容 |
