美文网首页
正确给table加边框

正确给table加边框

作者: 陌盍 | 来源:发表于2020-05-22 00:11 被阅读0次

    该文章解决用table标签画表格时,用border属性产生的表格重合线加粗的问题。

    css部分:

    table,table tr th, table tr td {
          border:1px solid #a8aeb2;
          padding: 5px 10px;
    }
    table {
          min-height: 25px;
          line-height: 25px;
          text-align: center;
          border-collapse: collapse;
    } 
    
    image.gif

    html部分:

    <table>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>住址</th>
                <th>电话</th>
            </tr>
            <tbody>
                <tr>
                    <td>张三</td>
                    <td>男</td>
                    <td>深圳龙岗区</td>
                    <td>131313131313</td>
                </tr>
                <tr>
                    <td>张三</td>
                    <td>男</td>
                    <td>深圳龙岗区</td>
                    <td>131313131313</td>
                </tr>
            </tbody>
        </table>
    
    image.gif

    效果图如下:

    image image.gif

    相关文章

      网友评论

          本文标题:正确给table加边框

          本文链接:https://www.haomeiwen.com/subject/lqcfahtx.html