# CSS 1px解决方案

# 使用教程

点击查看教程

# 使用文档

# 导入

main.js中:

import "cpm-ui/index.scss"
1

# 调用

<div class="cpm-1px">全边框</div>
<div class="cpm-1px-t">上边框</div>
<div class="cpm-1px-b">下边框</div>
<div class="cpm-1px-l">左边框</div>
<div class="cpm-1px-r">右边框</div>
<div class="cpm-1px-tb">上下边框</div>
<div class="cpm-1px-lr">左右边框</div>
1
2
3
4
5
6
7

默认设置了边框颜色为:#C7C7C7,如需设置颜色,覆盖即可

div{
  &::before{
    color: red;
    border-color: red;
  }
  &::after{
    color: red;
    border-color: red;
  }
}
1
2
3
4
5
6
7
8
9
10

# 特别提示

Last Updated: 12/12/2019, 7:37:32 PM

注:因PC端浏览存在最小12px字号的原因,部分视图下文字会显示比较大,手机端访问正常。