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;

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有