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;

05-22 20:05