html+css交流群,HTML+CSS（11）

本文转载于:猿2048网站HTML+CSS(11)

n  CSS背景属性

Background-color：背景色。

Background-image：背景图片地址。如：background-image:url(images/bg.gif;)

Background-repeat：背景平铺方式，取值：no-repeat(不平铺)、repeat-x(水平方向)、repeat-y(垂直方向)

Background-position：背景定位。格式：background-position：水平方向定位 垂直方向定位；

u  用英文单词定位：background-position：left | center | right      top | center | bottom；

u  用固定值定位：background-position:50px 50px;   //背景距离容器的左边50px，容器顶端50px

u  用百分比定位：background-position：50% 50%;   //水平居中，垂直居中

u  混合定位：background-position:left 10px;   //背景靠左边对齐，距离容器顶端10px

简写方式

u  Background：背景色 背景图 平铺方式 定位方式；

u  举例：background:url(images/bg.gif) no-repeat center center;

u  举例：background:#ccc url(images/bg.gif) no-repeat left 10px;