1.这个是一个面试题
利用css的边框来做到 ,在ui不给我们前端三角图片的时候我们只能自己画出了
<div></div>
2.css样式
div{
height:0;
width:0; 不能不设置宽高,宽度默认是父元素的100%;那这样的话就会横向占满全屏
border:100px solid; //设置边框100px的宽度 和实线显示 先不设置颜色
border-color:blue red yellow green;//这样就是 边框线的四个方向的颜色
}
然后把其他的 边框线颜色改成 border-color:blue transparent transprent transprent;
最后三角形就可以了 了