css画一个三角形

137 阅读1分钟
 div {
      height: 0;
      width: 0;
      border: 50px solid transparent;
      border-bottom: 50px solid yellow;
    }

先设置元素宽高为0.再设置border,其中初始border的颜色为透明,宽度表示三角形底的宽度,再设置要显示的一角,这个像素是三角形的高,颜色是要显示的颜色