css 制作三角形图标 不支持IE6
2024-08-24 05:56:20
.triangle {
width: 10px;
height: 10px;
overflow: hidden;
border-left: 4px solid rgba(, , , );
border-right: 4px solid rgb(, , );
border-top: 4px solid #ff0;
border-bottom: 4px solid #ca0309;
}
效果：
把10px改成0后:
去掉border-top这一句：
把border-left和border-right弄透明：
修改后的代码：
.triangle {
width: ;
height: ;
overflow: hidden;
border-left: 4px solid rgba(, , , );
border-right: 4px solid rgba(, , , );
border-bottom: 4px solid #ca0309;
}
最新文章
- 前端小知识（转载http://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html）
- Libliner 中的-s 参数选择：primal 和dual
- Evolutionary Computing: 4. Review
- 在Java中调用C
- LightOJ1025 The Specials Menu（区间DP）
- UI学习笔记---第十四天数据持久化
- centos增加网卡
- VB.net 利用SerialPort进行读取串口操作
- linux tar 解压命令总结
- Entity Framework 杂碎
- C# WinForm 类似QQ靠近屏幕边缘隐藏显示
- flask安装首页显示
- JS复习：第二十三章
- 一种类似Retrofit声明接口即可实现调用的WebApi客户端框架
- NetToPLCSIM 连接PLCSIM 和Kepware 联合仿真
- [GXOI/GZOI2019]旅行者
- 12月4日学习爬虫007.使用Urllib模块进行简单网页爬取
- SharePoint Framework解决方案管理参考(一)
- Shell编程（二）Bash中调用Python
- CHM无法正常显示的问题