海科SEO顾问为您快速优化网站,网站SEO优化 营销型网站建设第一品牌!
189-3859-6332

轻松、简单、快速!值得信赖的SEO顾问服务。

专业 敬业 职业  

您现在的位置:首页 > 软文分享 >

移动端border 1px显示太粗,怎么细一点?

人气: 发表时间:2018-06-01 18:18

代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>像素为1px</title><style type="text/css">    .border{ position: relative; margin-bottom: 20px;}    .border:after{ content: ''; display:block; position: absolute; width: 100%; left: 0px; bottom: 0px;height: 1px; background-color: #ccc; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}    .border2{background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #ccc), to(#ccc)) left bottom repeat-x; background-size: 100% 1px; }</style></head><body>    

<div class="border">像素为1px解决方法一</div>    
<div class="border2">像素为1px解决方法二</div></body></html>
 
本帖的地址:http://www.se-o.cn/ruanwen/1496.html
本文来自海科SEO(www.se-o.cn)整理编辑,转载本站文章请注明出处。