#reportax{border-collapse:collapse !important;border:none !important;}
#reportax td{border:solid gray 1px !important;}
#reportax th{border:solid gray 1px !important;}
当table 的border=0或者是等于none 的时候,表格只能打印出整个表格外框,看上去很不美观。
于是我想了很久,所以加上td ,th的border=1 ,让它把里面的边也能打印出来,但是同时也有个问题,相邻的会有2个边框,线很粗很难看。在找了好久的资料以后,看到了一个这样的属性border-collapse ,可以把相邻的边框合并起来。于是问题得到解决。
语法:border-collapse : separate | collapse
取值:
separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并
<html>
<style type="text/css">
<!--
table{border-collapse:collapse;border:none;}
table td{border:solid gray 1px;}
table th{border:solid gray 1px;}
-->
</style>
<head>
<title>CSS</title>
</head>
<body>
<table>
<tr>
<th>fdfdfd</th>
</tr>
<tr>
<td>11122</td>
</tr>
<tr>
<td>dfd</td>
</tr>
</table>
</body>
</html>