背景图的设置

版权声明：拒绝盗版 https://blog.csdn.net/weixin_42981560/article/details/84944436

1、背景颜色

background-color:

background-color: pink; 

背景图片的显示原则

1）容器尺寸等于图片尺寸，背景图片正好显示在容器中;

2）容器尺寸大于图片尺寸，背景图片将默认平铺，直至铺满元素；

3）容器尺寸小于图片尺寸，只显示元素范围以内的背景图

*加载背景图必须有容器区域；

border: 1px solid red;

background-image: url(../images/tu.png);

background-repeat:

                   repeat(平铺) | no-repeat（不平铺） | repeat-x(水平方向平铺，垂直方向不平铺) |

                   repeat-y（垂直方向平铺，水平方向不平铺）;

background-repeat: repeat-y;

背景图的固定

background-attachment:scroll（滚动） | fixed(固定)

background-attachment:scroll;

背景定位

background-position: 水平方向的值（left|center|right|数值+单位|百分比） 垂直方向的值(top|center|bottom|数值+单位|百分比);

水平向右 垂直向下移动 是正数值

水平向左 垂直向上移动 是负数值

简写：

background:#00ff00 url（背景图片的路径及全称） no-repeat center top；