达州做网站
大橙子网站建设，新征程启航
为企业提供网站建设、域名注册、服务器等服务
纯css实现小箭头或三角形标志的方法
小编给大家分享一下纯css实现小箭头或三角形标志的方法，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
目前创新互联建站已为1000多家的企业提供了网站建设、域名、虚拟主机、网站托管维护、企业网站设计、霍州网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
实现小箭头：
.arrow{
width: 20px;
height: 20px;
margin-top: 50px;
margin-left: 50px;
border-top: 1px solid #000;
border-left: 1px solid #000;
transform: rotate(45deg);/*旋转角度*/
}
实现三角形：
.triangle{
width: 0;
height: 0;
border-width: 100px;
border-style: solid;
border-color: red transparent transparent transparent;
transform:rotate(45deg);
}