table表格实现细边框

最新推荐文章于 2022-05-23 17:30:55 发布

Mathilda91

最新推荐文章于 2022-05-23 17:30:55 发布

阅读量181

点赞数

文章标签： python

原文链接：https://my.oschina.net/owengao/blog/229108

版权

2019独角兽企业重金招聘Python工程师标准>>>

table表格实现细边框

一、第一种方法:细边框的颜色就是table的背景颜色

CSS

table {
    background:#000;
}
table td,#report table th {
    background:#fff;
}

HTML

<table border="0" cellspacing="1" cellpadding="0" width="500">
<tr><th>country</th></tr><tr><th>city</th></tr><tr><th>city</th></tr>
<tr><td>country</td></tr><tr><td>city</td></tr><tr><td>city</td></tr>
<tr><td>country</td></tr><tr><td>city</td></tr><tr><td>city</td></tr>
</table>

二、第二种方法:设置table的右,下边框,设置td的左,上边框

CSS

table {
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}
table td,#report table th {
    border-left:qpx solid #000;
    border-top:1px solid #000;
}

HTML

<table border="0" cellspacing="0" cellpadding="0" width="500">
<tr><th>country</th></tr><tr><th>city</th></tr><tr><th>city</th></tr>
<tr><td>country</td></tr><tr><td>city</td></tr><tr><td>city</td></tr>
<tr><td>country</td></tr><tr><td>city</td></tr><tr><td>city</td></tr>
</table>

转载于:https://my.oschina.net/owengao/blog/229108