关于border-radius我们需要了解，当任意两个相邻圆角的半径之和超过border box的尺寸是，用户代理必须按比例减少各个边框半径所使用的值，直到他们不会相互重叠为止。而且如果它的宽高...
对于边框，我们常用的就是border，图像边框呢？当然是border-image了！大家肯定是这么想的，但是，border-image它的原理是九宫格伸缩法（可见下图），它把图片切割成9块，然后...
网格 当我们把多个渐变图案结合起来，让他们透过彼此的透明区域显现时，我们就可以创建出网格！ 下面的代码会创建方格纹图案 background:white; background-image: ...
1、背景定位 background-position的扩展语法 在css3中background-position的语法得到了扩展，它允许指定背景图片距离任意角的偏移量，只要我们在偏移量前面...
1、半透明边框 单纯地在边框上使用半透明颜色并不能实现半透明边框，原因在于背景background会出现在边框下。知道了原因，解决方案我们也就自然而然地可以想到了。对，就是background的...
CSS 渐变 是在 CSS3 Image Module 中新增加的 类型. 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果. 用它代替图片，可以加快页面的载入时间、减小带宽占用。同时，...
实现CSS的随机背景主要通过background的线性渐变linear-gradient来实现。 首先，我们给元素一个默认背景作为底，然后将其余重复部分用linear-gradient分割为不...