HTML中background背景类属性详细介绍转载“共享博客”
1.背景颜⾊
语法：
background-color: 颜⾊值;
注：颜⾊值的设置⽅法同字体颜⾊。
2.背景图
语法：
background-image: url(图⽚路径);
注：⽹页中常见的两种图⽚形式：插⼊图⽚和背景图
① 使⽤img标签插⼊图⽚：数据型的图⽚（经常需要更换⽹页内容的图⽚）；
② 背景图：⽤来装饰⽹页的图⽚（在⼀定时期内不会发⽣改变的图⽚），可以在背景图上显⽰⽂字和其他内容。
3.背景平铺属性
语法：
background-repeat: no-repeat (不平铺) | repeat (平铺) | repeat-x (横向平铺) | repeat-y (纵向平铺);
4.背景图位置
语法：
background-position: left | center | right | 数值  top | center | right | 数值;
注：①第⼀个值代表⽔平⽅向，第⼆值代表垂直⽅向；
②当设置为数值时，向右，向下为正，向左，向上为负；
③当两个值都为 centrer 时，可以省略第⼆个值。
5.背景属性简写⽅式
语法：
background: 背景⾊背景图背景平铺背景图位置;
eg:
background: pink  url(图⽚路径)  no-repeat  right  bottom;
注：简写⽅式中省略的属性值使⽤默认值。
6.背景图显⽰规则
①当背景尺⼨等于容器尺⼨时，背景图恰好显⽰在容器中；
②当背景尺⼨⼩于容器尺⼨时，背景图默认平铺，直⾄铺满整个容器；
③当背景尺⼨⼤于容器尺⼨时，只能显⽰容器范围以内的背景图。
7.背景图固定
语法：
background-attachment: scroll (滚动) | fixed (固定);
注：当容器出现滚动条时，设置fixed，背景图固定不跟随滚动条滚动。
8.⽹页中常见的图⽚格式：position标签属性
①jpg：有损压缩格式，靠损失图⽚本⾝的质量来减⼩图⽚体积，适⽤于⾊彩数量丰富的图⽚；
②gif：有损压缩格式，⽀持动画，⽀持透明；
③png：有损压缩格式，⽀持透明。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。