table消除 td 之间的间距

有两种方式可以实现

1.<table cellspacing="0">

2.css 的border-collapse:collapse样式

通过上面的方法可以实现这样的效果


具体的 css 代码

.dir{
    width: 400px;
    height: 150px;
    text-align: center;
    margin-top: 20px;
    margin-left: 20px;
    border-left: #eeeeee solid 1px;
    border-top:#eeeeee solid 1px;
    border-collapse:collapse;
}
.dir td{
    width:25%;
    border-right: #eeeeee solid 1px;
    border-bottom: #eeeeee solid 1px;
}

.dir th{
    width: 25%;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/baidu_32977561/article/details/51537374
文章标签: css html table th td
个人分类: web
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

table消除 td 之间的间距

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭