css怎么实现表格实线

本篇内容主要讲解“css怎么实现表格实线”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css怎么实现表格实线”吧!

利用在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>

到此，相信大家对“css怎么实现表格实线”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

css怎么实现表格实线

相关推荐