利用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;
三个值分别表示:(上),(左右),(下)