首頁 >web前端 >css教學 >純CSS的三角符號

純CSS的三角符號

高洛峰
高洛峰原創
2017-02-20 11:43:321757瀏覽

專案中常用到三角形,現在跟大家講下用純CSS寫的下三角實心圖形

.triangle{
    border-width: 5px 4px 0 4px;
    border-color:  #454A7B transparent transparent transparent;
    border-style:solid;
    height: 0; 
    width: 0;
}

其他方向的三角圖形自己調樣式哈,舉一反三,不要這麼懶嘛,自己弄才會進步。

更多純CSS的三角符號相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn