不打印背景色，想打印出表格的线的TABLE设置

最新推荐文章于 2020-04-10 10:02:43 发布

ytf8848

最新推荐文章于 2020-04-10 10:02:43 发布

阅读量1.2k

点赞数

分类专栏： CSS 文章标签： table border html

本文链接：https://blog.csdn.net/ytf8848/article/details/5840110

版权

CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

#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">

</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>