CSS制作“三角”
看以下的css渲染结果:
.box1 {
width:0;
height: 0;
border-top: 10px solid pink;
border-right: 10px solid red;
border-bottom: 10px solid blue;
border- left: 10px solid green;
}
简单修改以下,只保留一个:
.box2 {
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color:pink;
}