[CSS] 纯CSS绘制三角形

利用border属性,可以绘制三角形。
border-bottom设置为npx solid gray,其他border设置为透明。

div.test {
    border-color: transparent;
    border-width: 0 8px 8px;
    border-bottom-color: gray;
    border-style: solid;
    display: inline-block;
}

其中
border-width: 0 8px 8px;三个值分别表示:(上),(左右),(下)

你可能感兴趣的:([CSS] 纯CSS绘制三角形)