这是我的CSS代码：
@media print{ body * {visibility: hIDden; } table { border:solID; white !important; border-wIDth:1px 0 0 1px !important; border-bottom-style: none; } th,td{ border:solID; white !important; border-wIDth:0 1px 1px 0 !important; border-bottom-style: none; }} 这个CSS给了我这个结果：
表的底部边框显示如何删除它谢谢你
解决方法 您可以在CSS3 @media规则中使用：border-bottom: none;
要么
border: solID white !important;
使用border-bottom：none;打印时会影响表格的布局(取决于您是否使用默认值的盒子大小).
下面是一个例子：
<!DOCTYPE HTML><HTML><head> <Title></Title> <Meta charset="utf-8" /> <style> table { /* just an example */ border: solID red; border-wIDth: 1px 0 0 1px !important; border-bottom-style: none; } @media print { table { border: solID white !important; border-wIDth: 1px 0 0 1px !important; border-bottom-style: none; } th,td { border: solID white !important; border-wIDth: 0 1px 1px 0 !important; border-bottom-style: none; } } </style></head><body> <table > <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table></body></HTML> 总结 以上是内存溢出为你收集整理的html – 如何使用css @media print打印时从表中删除边框全部内容，希望文章能够帮你解决html – 如何使用css @media print打印时从表中删除边框所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）