巧妙用css border属性实现规则图形
浏览数：20 /
时间：2015年06月09日
首先：一个例子：
#div1 {
height:20px;
width:20px;
border-color:#FF9600 #3366ff #12ad2a #f0eb7a;
border-style:solid;
border-width:20px;
}
此代码的效果图为：
那么问题来了，要实现三角号，只需将div宽高设置为0，然后只设置一边的border显示即可
代码如下：
#div2 {
height:0;
width:0;
overflow: hidden;
border:20px dashed transparent;
border-top:20px solid #FF9600;
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
