这篇文章主要介绍了如何用css制作一个能够兼容所有浏览器的三角形，有一定的参考价值，感兴趣的朋友可以参考一下，希望对你有所帮助！
利用css写三角形，兼容IE7
.arrow-up {
width:0px;
height:0px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid red;
font-size:0px;
line-height:0px;
margin: 0 auto;
}
.arrow-down {
width:0px;
height:0px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid blue;
font-size:0px;
line-height:0px;
}
.arrow-left {
width:0px;
height:0px;
border-bottom:10px solid transparent;
border-top:10px solid transparent;
border-right:10px solid #DC143C;
font-size:0px;
line-height:0px;
}
.arrow-right {
width:0px;
height:0px;
border-bottom:10px solid transparent;
border-top:10px solid transparent;
border-left:10px solid #FF00FF;
font-size:0px;
line-height:0px;
}
效果如下：
立即学习“前端免费学习笔记（深入）”；
英文企业网站管理系统
下载
英文企业网站管理系统(英文网站设计系统)采用主流的Asp+Access开发设计，开发新英文模板，漂亮大气。是方便自主管理的英文网站建设系统，程序小巧，速度快，后台一站式管理，代码功能全部开源，无任何限制。支持所有Asp虚拟空间，兼容良好，程序采用Div+Css设计，兼容ie6、ie7、ie8、火狐等英文浏览器，网站优化结构设计，配置网站地图，容易被搜索引擎收录，上关键词排名!欢迎大家使用。程序功能
以上就是本文的全部内容了，希望大家能够喜欢。
【相关教程推荐】
1. CSS视频教程
2. CSS在线手册
3. bootstrap教程
