关闭

table消除 td 之间的间距

标签: css html table th td
3263人阅读 评论(0) 收藏 举报
分类:

有两种方式可以实现

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;
}

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:8341次
    • 积分:429
    • 等级:
    • 排名:千里之外
    • 原创:36篇
    • 转载:1篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论