去掉Bootstrap表格边框和设置表格间距

Bootstrap默认表格样式,为了区别我加了背景色

这里写图片描述

这个表格是默认带边框的,如何去掉边框,直接上代码

*{
     border: 0px solid transparent !important;
 }

这里写图片描述

有时候我们需要表格和表格之间有间距,然而table的tr没有margin,即使设置了margin也没用

这里写图片描述

这个时候通过border-collapse和border-spacing来设置

table{
    border-collapse:separate;
    border-spacing:0 0.5rem;
}

这里写图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页