今天在开发的发现,table设置border-collapse, border-radius,overflow三个属性,会和border属性发生冲突,下面这种写法,页面显示的border有大小,但是背景是透明的
table{
border-collapse: collapse;
width: 85%;
margin: 0.625rem auto;
border-radius: 0.625rem;
overflow: hidden;
border: 5px solid #0a56cd;
}
正确的处理方式,可以用box-shadow替换border来处理。
table{
border-collapse: collapse;
width: 85%;
margin: 0.625rem auto;
border-radius: 0.625rem;
overflow: hidden;
box-shadow: 0 0 0 1px #0a56cd;
}