Question

css3怎样在HTML网页写三角形

Answer 1

css3写三角形（为了好区分姑且按方向区别）：

（1）上三角形：

border: 16px solid transparent;
border-bottom: 16px solid #f00;
width: 0;
height: 0;

（2）下三角形：

border: 16px solid transparent;
border-top: 16px solid #f00;
width: 0;
height: 0;

（3）右三角形：

border: 16px solid transparent;
border-left: 16px solid #f00;
width: 0;
height: 0;

（4）左三角形：

border: 16px solid transparent;
border-right: 16px solid #f00;
width: 0;
height: 0;

Answer 2

给你一个参考站：纯css写三角形

我写的时候都是从这上面现抄