html - 清除控件之间的间隙

Question

JSFiddle

我尝试了所有我能想到的方法来消除这个差距，但仍然没有成功。我也尝试设置 padding = 0 但差距仍然存在。如果我缩小，差距就会消失，不知道为什么!

这是最后一个 td 标签的 css(创建间隙的蓝色行):

.tdtieudecuoi{
    text-align:left;
    background-color: #80A5CE;
    color: #FFF;
    font-weight: bold;
    padding:0;
}

Answer 1

在您的 thkqgiai 元素中添加 border-top 属性，如下所示...

.thkqgiai{
width:20% !important;
text-align:center;
color:white;
background-color: #910000;
border-top:1px solid #910000;
}

然后在 TD 属性中将以下内容添加到边框属性...

border-bottom:1px solid #80A5CE;
border-right:1px solid #80A5CE;