css如何实现表格实线_建站学-个人建站指南,网页制作,网站设计,网站制作教程

建站学 - 轻松建站从此开始！

css如何实现表格实线

时间:2019-07-24 17:42来源:未知作者:yang 点击: 次

利用在css设置表格实线：代码如下: table{ border-collapse : collapse ; /*表示将单元格中各小格之间的空隙进行合并*/ border : 1px #00F solid ; /*定义边框样式*/ }

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