css怎样实现表格实线
更新:HHH   时间:2023-1-7


小编给大家分享一下css怎样实现表格实线,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

  利用在css设置表格实线:

  代码如下:

  table{

  border-collapse:collapse;/*表示将单元格中各小格之间的空隙进行合并*/

  border:1px#00Fsolid;/*定义边框样式*/

  }

  示例:

  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <htmlxmlns="http://www.w3.org/1999/xhtml">

  <head>

  <title>无标题页</title>

  <style>

  table{

  border-collapse:collapse;

  }

  tabletd{

  border:1pxsolid#fff000;

  }

  </style>

  </head>

  <body>

  <tablecellpadding="0">

  <tr>

  <td>First</td>

  <td>Second</td>

  <td>Three</td>

  </tr>

  <tr>

  <td>第一</td>

  <td>第二</td>

  <td>第三</td>

  </tr>

  </table>

  </body>

  </html>



以上是“css怎样实现表格实线”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注天达云行业资讯频道!

返回web开发教程...