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

純CSS的三角符號

高洛峰
發布: 2017-02-20 11:43:32
原創
1644 人瀏覽過

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

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

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

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

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板