小于1px border的实现

jatyhu

.borderxxx {
  background-image:linear-gradient(180deg, #ccc, #ccc 50%, #fff 50%);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom;
}

客户眼尖。。要求我们仿百姓网一模一样的边框，比我们正常1PX的border看起来更细更锐。网上搜到这个最方便快捷的方法