养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

移动端1px边框如何实现

时间:2024-10-20 20:48:59

移动端1px边框如何实现

工具/原料

移动端

方法/步骤

1、1.解决方案是通过JavaScript检测浏览器能否处理0.5px的边框,如果可以,给html标签元素添加个class。

移动端1px边框如何实现

2、2.极细的边框样式就容易了:

移动端1px边框如何实现

3、3.样式设置:

移动端1px边框如何实现

4、4.样式设置

移动端1px边框如何实现

5、5.back壹执慵驾ground-image跟border-image的方法一样,你要先准备一张符合你要求的图片。然后将边框模拟在背景上。样式设置:

移动端1px边框如何实现

6、6.与back壹执慵驾ground-image方案类似,只是将图片替换为css3渐变。设置1px的渐变背景,50%有颜色,50%透明。样式设置:

移动端1px边框如何实现

© 一点知识