欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML+CSS(11)

程序员文章站 2022-07-03 09:22:44
n CSS背景属性 Background-color:背景色。 Background-image:背景图片地址。如:background-image:url(images/bg.gif;) Background-repeat:背景平铺方式,取值:no-repeat(不平铺)、repeat-x(水平方 ......

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;