首页 > 代码库 > 移动端半像素 0.5PX 边框实现。
移动端半像素 0.5PX 边框实现。
1 /*半像素*/ 2 .halfpxline_after, .halfpxline_before { 3 position: relative; 4 } 5 6 .halfpxline_after:after, .halfpxline_before:before { 7 content: ‘‘; 8 display: block; 9 position: absolute; 10 left: 0; 11 right: 0; 12 height: 1px; 13 background-color: #e5e5e5; 14 -webkit-transform: scaleY(0.5); 15 transform: scaleY(0.5); 16 } 17 18 .halfpxline_after:after { 19 bottom: 0; 20 -webkit-transform-origin: 0 1px; 21 transform-origin: 0 1px; 22 } 23 24 .halfpxline_before:before { 25 top: 0; 26 -webkit-transform-origin: 0 0; 27 transform-origin: 0 0; 28 }
移动端半像素 0.5PX 边框实现。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。