由mintui的cell组件引发的关于border1px的思考

background-image: linear-gradient(180deg, #e9eaec, #e9eaec 50%, transparent 0);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom;

mintui中是使用线性渐变的方法达成视觉上小于1px的border。
线性渐变属于图片数据类型，可以充当背景图，但不可用于background-color，但可以用于background-image来完成渐变。

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

推荐阅读更多精彩内容

  • CSS相关总结
    一、CSS入门 1、css选择器 选择器的作用是“用于确定（选定）要进行样式设定的标签（元素）”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,619评论 0赞 6
  • CSS3
    1、属性选择器：id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,656评论 0赞 7
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,695评论 1赞 45
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,335评论 0赞 11
  • 2019，我的ZEAPHY之年
    万物迎春送残蜡，一年结局在今宵。一晃又是寒辞去冬雪，暖带入春风的春节。每逢此时，远行的游子便格外想念千...
    犬太郎阅读 230评论 0赞 1