如何用css制作一个能够兼容所有浏览器的三角形-css教程-PHP中文网

如何用css制作一个能够兼容所有浏览器的三角形

php中文网

发布： 2016-05-16 12:03:30

转载

3706人浏览过

这篇文章主要介绍了如何用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、火狐等英文浏览器，网站优化结构设计，配置网站地图，容易被搜索引擎收录，上关键词排名!欢迎大家使用。程序功能