CSS3 background背景属性

以下为学做网站论坛关于“CSS3 background背景属性”讲解视频教程。

CSS3背景属性属性用于控制区块的背景颜色和背景图。

背景色：background:#999;

背景图：background:url(bg.jpg) repeat;（背景重复）

背景图：background:url(bg.jpg) no-repeat;（背景不重复）

1、背景包括背景颜色、背景图像

背景颜色：使用单一色作为背景

背景图像：以图片做背景、以渐变色做背景

1、背景颜色

属性:background-color：颜色值;

2、背景图片

属性：background-image

取值:url(图像路径);

background-image：url("images/logo.png");

background-image：url('images/logo.png');

background-image：url(images/logo.png);

3、背景重复

属性:background-repeat:

取值:

repeat : 默认值，垂直和水平都平铺

repeat-x : 仅在水平方向平铺

repeat-y : 仅在垂直方向平铺

no-repeat : 不平铺，仅显示一次

4、背景图片尺寸

属性：background-size

取值：value1 value2 : 宽度 高度 或者 value% value2% : 百分比

cover：扩大背景图像，使背景图完全覆盖背景区域，直到碰到最后一个边缘才停止

contain：扩大背景图像,碰到第一个边缘就停止

5、背景图像固定

属性：background-attachment

取值：scroll即默认，滚动定位 fixed即固定定位