网页中经常会遇到使用细边框的情况,下面是一种不错的可选方案:
<html> <head> <title>表格细边框</title> <style type="text/css"> <!-- .printTable{border-collapse:collapse;} .printTable th{background:#ffffff;border:solid 1px #000000;} .printTable td{background:#ffffff;border:solid 1px #000000;} --> </style> </head> <body> <table class="printTable"> <tr> <td><p>姓名</p></td> <td><p>年龄</p></td> </tr> <tr> <td><p>张三</p></td> <td><p>20</p></td> </tr> <tr> <td><p>李四</p></td> <td><p>22</p></td> </tr> </table> </body> </html>
效果图如下: