CSS样式如何设置宽度为0.5px的边框

html通过border去设置边框的宽度，但是web页面只支持1px的边框设置，不能小于1px，所以我们要特殊处理一下，使其可以设置成0.5px的边框


我们可以设置1px的边框，然后进行收缩0.5倍实现0.5px的边框宽度，当然长度也要两倍才行，不让长度也短了

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 移动端0.5px解决方案总汇
    最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px...
    Spidd阅读 5,360评论 0赞 1
  • 移动端1像素边框问题
      对于前端开发者来说，要处理这个问题，必须先补充一个知识点，就是设备的 物理像素[设备像素] & 逻辑像素[CS...
    果汁凉茶丶阅读 30,969评论 4赞 60
  • 【css】如何实现移动端敏感的0.5px
    如下几种方法能实现0.5px边框： 1.伪元素2倍尺寸1px边框scale缩小一半 推荐 给容器内设置伪元素，设置...
    Adder阅读 1,264评论 0赞 1
  • 0.5像素边框
    “度学金”1.0版本中，UI要求列表边框是0.5像素。在IOS手机上border设置成0.5px是可以的，但是在安...
    一蓑烟雨任平生_cui阅读 3,806评论 0赞 4
  • 如何实现0.5px边框
    css 高频面试题：如何实现0.5px 的边框其实设置border为0.5px 是不可以的，有些浏览器会把他渲染...
    宏_4491阅读 5,643评论 0赞 1