CSS

[CSS] 纯CSS绘制三角形

2016-03-04  本文已影响42人  何幻

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

上一篇 下一篇

猜你喜欢

热点阅读