第九章：css样式讲解上

 

一、background-color 背景颜色

1、十六进制值  #CC0066    #000

2、英文单词里颜色值  red  gray blue yellow green

 

二、background-image 添加背景图片

1、url("地址")  引用背景图片的地址

2、none  不使用背景图片

 

三、background-repeat 背景重复

1、no-repeat   不重复  只出现一张

2、repeat-x水平方向重复

3、repeat-y竖直方向重复

4、repeat同时水平和竖直两个方向平铺   默认值

 

四、background-position 背景图片的位置

1、使用关键字：top、bottom、left、right 和 center  两两组合而成

一个对应水平方向，另一个对应垂直方向

备注:如果只出现一个关键字，则认为另一个关键字是 center

2、百分数值  （水平%   竖直%)

background-position：20% 30%；

备注:如果只提供一个百分数值，所提供的这个值将用作水平值，垂直值将假设为 50%

3、具体的值  （水平px   竖直px)

background-position:20px 30px;

 

五:background-attachment背景关联

1、scroll 默认值。背景图像会随着页面其余部分的滚动而移动。

2、fixed 当页面的其余部分滚动时，背景图像不会移动。

3、inherit 规定应该从父元素继承 background-attachment 属性的设置。（IE不支持此属性）

 

六:background 综合样式控制

background:red no-repeat 2px 5px; background: url("") 背景颜色 重复 位置;

 

JAVA技术交流群 532101200