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即固定定位