css下拉框的倒三角 如何用css制作小三角图标?
浏览量:2489
时间:2021-03-10 17:09:43
作者:admin
如何用css制作小三角图标?
CSS三角图标像上面的三角图标,有很多实现的方法,大多数人都会用图片来实现,其实纯CSS也可以实现,方法很简单。
下面是正方形的实现,四边都要有一个边框,然后在上面设置颜色,记得要加溢出:否则隐藏, IE6下有个问题{宽度:0高度:0 溢出:左隐藏边框:40px实心#00F边框-底部:40px固体#F00边框-右:40px实心#F90边框-顶部:40px固体#0F0}三角形的实现是将其他三条边的颜色设置为相同的{宽度:0高度:0 溢出:左隐藏边框:40px实心#00F边框- 底部:40px固体#FFF边框-右:40px实心#FFF边框-顶部:40px固体#FFF}
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。