只使用一个渐变时，我们能创建的图案并不多，当我们把多个渐变图案组合起来，让他们透过彼此的透明区域显现时，神奇的事情就发生了！我们首先想到的是把水平和水质条纹叠加起来，就可以得到各种各样的网格。 1. 网格背景 html css 效果图 2.波点背景 css 效果图 当然，这个不是我们想要的图案，其实 Read More
一、 水平条纹 1. 两种颜色： html css 效果图 2. 不等宽的条纹背景 css 效果图 3. 三列条纹背景css 效果图 二、垂直条纹 css 效果图 三、斜向条纹 1. 45度角的斜向条纹 css 效果图 2. 其他角度的斜向条纹 css 效果图 说明：黄色条纹从0到15px线性渐变， Read More
一、使用两个元素实现 html css 效果图 二、使用box-shadow+outline实现 html css 效果图 说明： 描边outline不会跟着元素的圆角走，因而会显示直角，但是box-shadow会跟着元素的圆角走，因此两者叠加起来刚好填补描边和容器圆角之间的空隙，这两者结合达到了我 Read More
一、使用box-shadow实现多重边框 html css 效果图 值得说明的是，box-shadow是层层叠加的，第一层投影位于最顶层，依次类推。因此你需要按照此规律扩张半径。比如上面的代码，如果我们想在外层在加一个5px的外框，那么久需要指定扩张半径的值为25px（20px+5px）。上述方法所 Read More
html css 效果图 background-clip的用法详见https://www.w3cplus.com/content/css3-background-clip Read More