HTML table 边框双线变单线

天渺工作室

效果对比图

普通table 标签

<table border="1">
        <tr>
          <th>Month</th>
          <th>Savings</th>
        </tr>
        <tr>
          <td>January</td>
          <td>$100</td>
        </tr>
      </table>

https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3ef347e9ac9f4584805cced99d9e8d34~tplv-k3u1fbpfcp-watermark.image?

加了css限制的

    <table>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
    </table>
table{
    border-collapse:collapse;
    border-spacing:0;
    border-left:1px solid #888;
    border-top:1px solid #888;
}  

th,td{
    border-right:1px solid #888;
    border-bottom:1px solid #888;
    padding:5px 15px;
}  

th{
    font-weight:bold;
}

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d3b50d22c5664ea2bc3be55105678f66~tplv-k3u1fbpfcp-watermark.image?

阅读 665

陕西人 目前在广东 设计师+全栈工程师+业余音乐制作人

23 声望
2 粉丝
0 条评论

陕西人 目前在广东 设计师+全栈工程师+业余音乐制作人

23 声望
2 粉丝
文章目录
宣传栏