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