美文网首页
背景与边框

背景与边框

作者: 爱吃火锅的暮雨 | 来源:发表于2018-12-11 13:42 被阅读0次

1.网格背景

image

通过把两幅不同线宽、不同颜色的网格图案叠加起来形成的逼真蓝图网格

代码:


background:#58a;

background-image: linear-gradient(white 2px,transparent 0),

                                linear-gradient(90deg,white 2px,transparent 0),

                                linear-gradient(hsla(0,0%,100%,.3) 1px, transparent 0),

                                linear-gradient(90deg,hsla(0,0%,100%,.3) 1px,transparent 0);

 background-size: 75px 75px,75px 75px,15px 15px,15px 15px;

相关文章

  • 背景与边框

    title: 背景与边框date: 2016-10-16tags: CSS Secrets 0x00 半透明边框 ...

  • 背景与边框

    复杂的背景图案 1.网格背景 通过把两幅不同线宽、不同颜色的网格图案叠加起来形成的逼真蓝图网格 代码: ``` b...

  • 背景与边框

    1.网格背景 通过把两幅不同线宽、不同颜色的网格图案叠加起来形成的逼真蓝图网格 代码:

  • 背景与边框之“半透明边框”

    背景与边框的工作原理 默认情况下,背景会延伸到边框所在区域的下层 半透明边框 说明:所得到的结果是边框颜色和背景颜...

  • CSS揭秘学习笔记

    第二章 背景与边框 半透明边框background-clip属性设置为padding-box可以使背景不侵入边框,...

  • 背景与边框之“多层边框”

    设计场景 给元素添加多层边框 给元素添加双层边框 box-shadow方案 说明 一个正值的扩张半径 + 两个为零...

  • CSS揭秘笔记(2):背景与边框

    第2章:背景与边框 1.半透明边框 背景知识:RGBA/HSLA颜色-给一个容器设置白色背景和一道半透明白色边框,...

  • 关于css3中linear-gradient中的百分比

    相关阅读点 《Css secret》第二章《背景与边框》 第五节《条纹背景》 正文 在第二章《背景与边框》中第五节...

  • 边框 背景

    1 边框 能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件 对于 border-im...

  • 边框/背景

    边框图片: 例如:border-image:url("") 27/20px round; 参数1:边框图片的路径 ...

网友评论

      本文标题:背景与边框

      本文链接:https://www.haomeiwen.com/subject/wmwshqtx.html