CSS三角形之美案例附代码
CSS三角形之美案例附代码
div {
width: 0;
height: 0;
line-height:0；
font-size: 0;
border-top: 10px solid red;
border-right: 10px solid green;
border-bottom: 10px solid blue;
border-left: 10px solid #000;
}
[*]我们用css 边框可以模拟三角效果
[*]宽度高度为0
[*]我们4个边框都要写， 只保留需要的边框颜色，其余的不能省略，都改为 transparent 透明就好了
[*]为了照顾兼容性 低版本的浏览器，加上 font-size: 0;line-height: 0;
页:
[1]