我们可以用 css 的边框样式,来制作一个 三角形 出来:
原理:
通过设置一个 宽,高为零的块级元素,设置4条边为不同颜色,想要设置哪边就设置其他边为透明就可以了。
顺序: 上,右,下,左 。
设置:
- 用 css 边框模拟;
- 元素 宽高 设置为零;
- 4个边都要写,在保留需要的边框颜色,其他的设置为透明的;
- 为兼容 低版本浏览器,加上
font-size:0; line-height: 0;
版本一:
.xx {
width: 0;
height: 0;
border-left: 200px solid pink