2016 - 2024

感恩一路有你

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}

css下拉框的倒三角 css边框小三角 css怎样做三角形

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。