首先,来看一下一个div的边框放大很多倍到底是什么样的:
<style>
div{
width:0px;
height:0px;
border-top:50px solid red;
border-left:50px solid yellow;
border-right:50px solid blue;
border-bottom:50px solid purple;
}
</style>
该div的实现效果如下:
如果将其中一条border设置为0px,例如说是border-top:
div{
width:0px;
height:0px;
border-top:0px;
border-left:50px solid yellow;
border-right:50px solid blue;
border-bottom:50px solid purple;
}
则效果如下: