首页 > 代码库 > 纯CSS的三角符号

纯CSS的三角符号

项目中经常用到三角形,现在给大家讲下用纯CSS写的下三角实心图形

1 .triangle{2     border-width: 5px 4px 0 4px;3     border-color:  #454A7Btransparent transparent transparent;4     border-style:solid;5     height: 0; 6     width: 0;7 }

其他方向的三角图形自己调样式哈,举一反三,不要这么懒嘛,自己弄才会进步。

 

纯CSS的三角符号