CSS3 背景
background-clip | 规定背景的绘制区域。 | |
background-origin | 规定背景图片的定位区域。 | |
background-size | 规定背景图片的尺寸。 |
CSS3 渐变
CSS3 定义了两种类型的渐变(gradients):
-
线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向
background: linear-gradient(direction, color-stop1, color-stop2, ...);复制代码
-
径向渐变(Radial Gradients)- 由它们的中心定义
background: radial-gradient(center, shape size, start-color, ..., last-color);
contain和cover都是保持横纵比,contain包含,有一边正好,另一边有空隙,
cover覆盖,一边正好,另一边超出被剪裁。
background-size: width-value,height-value percentage(如果一个值,另一个为auto,保持横纵比)