前端页面细节处理好了才会显得精致。边框在网页中是常见的一种样式了。虽然不把它处理为0.5px看上去没毛病，但是想让你做的东西征服更多的人，这些细节处理是必须的。 今天主要说一下如何让边框显示0.5px的方法： 方法一：利用渐变 关于渐变可以看下面两篇文章做深入了解： CSS3 渐变 ...

用CSS设置边框宽度为0.5px，可以使边框看起来更加细腻，特别是在移动端，设计师会有这样的要求。 但遗憾的是，大多数Android手机并不能识别0.5px。因此我们可以使用CSS3来变通的实现0.5px的边框需求。 .content ...

0.5px 的像素在移动端的要求还是需要的。 css3 动画技巧：在开始的时候如果想在某个属向上写动画，就在该元素的属性上加上最初的属性。left：0px； transform：；中间可以家多个属性，而不能些多个tansform； 在网上找了一个具体的实现办法，核心就是css3的缩放 ...

　　细线边框的具体实现方法有：伪元素缩放或渐变，box-shadow模拟，svg画线，border-image裁剪等。要实现小于1px的线条，有个先决条件：屏幕的分辨率要足够高，设备像素比要大于1，即css中的1个像素对应物理屏幕中1个以上的像素点。 　　对于普通电脑，屏幕物理像素和css像素 ...

在移动端会出现线条太粗的现象，简单来说，是因为手机端的像素单位和ui的图比例是2:1，所以ui图的1px边框对我们来说就是0.5px,但是浏览器渲染的最小单位就是1px,下面给几种方法用css写出0.5px边框1. html部分 <div class="border">测试 ...

今天遇到一个需求，画0.5px的线，查了以下资料，主要以scale方法为主。代码如下： 利用after和before的话好像只能画两条线，如果要画整个边框可以先画两倍长宽的边框在缩小到0.5。需要三条边框的话可以考虑在容器内建立三个容器表示边框线再缩小。 ...

采用transform: scale()的方式，该方法用来定义元素的2D 缩放转换： ...

题目：画一条0.5px的线 　　1、采用border-image的方式： 　　　　　　border-image属性指定作为div元素周围边框的图像，border-image：width；图像边界的宽度。 　　2、采用transform: scale()的方式： 　　　　　　2D效果：缩放。 ...