纯CSS的三角符号

2018-06-24 00:54:13来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:01--css编码技巧--css揭秘

下一篇:Flexible 弹性盒子模型之CSS align-self 属性