利用css画三角形

利用css实现三角形

一、首先建立一个四边形 设置其边框属性

二、设置其余边框为透明色 只留下一条边框，用于形成三角形

  div {
      width: 200px;
      height: 200px;
      border: 40px solid transparent;    //四条边框透明
      border-top-color: red;             //留下其中一条
    }

三、将留下的边长度设为0，从而实现三角形

div {
      width: 0px;
      height: 200px;
      border: 40px solid transparent;
      border-top-color: red;
    }