css如何实现表格实线

互联网 19-7-22

利用在css设置表格实线：

代码如下:

table{ border-collapse:collapse;   /*表示将单元格中各小格之间的空隙进行合并*/ border:1px #00F solid;      /*定义边框样式*/ }

示例：

<!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>     <title>无标题页</title> <style> table {  border-collapse: collapse;  }  table td {     border:1px solid #fff000; } </style> </head> <body>  <table cellpadding="0">      <tr>         <td>First</td>         <td>Second</td>         <td>Three</td>      </tr>      <tr>         <td>第一</td>         <td>第二</td>         <td>第三</td>      </tr>  </table> </body> </html>