纯css3绘制三角形
创新互联专业为企业提供天山网站建设、天山做网站、天山网站设计、天山网站制作等企业网站建设、网页设计与制作、天山企业网站模板建站服务,十年天山做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
div{
margin-bottom: 10px;
}
#SJX_UP{
width: 0px;
height: 0px;
overflow: hidden;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
/*兼容IE6*/
_border-left: 20px solid #fff;
_border-right: 20px solid #fff;
border-bottom: 20px solid red;
}
#SJX_DOWN{
width: 0px;
height: 0px;
overflow: hidden;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid red;
}
#SJX_RIGHT{
width: 0px;
height: 0px;
overflow: hidden;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid red;
}
#SJX_LEFT{
width: 0px;
height: 0px;
overflow: hidden;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid red;
}
20px哪里可以自行调节大小
当前文章:纯css3绘制三角形
转载注明:http://scjbc.cn/article/gejhcs.html