css中设置背景颜色、背景图片

对于在css中设置背景分为两种形式:

1. 设置纯色为背景。背景background可以设置为纯色的背景颜色。
2. 设置图片为背景。可以设置对象背景为图片,如果背景是图片,可以让图片重复平铺横铺,或将图片作为对象背景固定在对象任何位置。

设置背景样式:

1. background-color: 设置颜色作为对象背景颜色;
2. background-image: 设置图片作为背景图片;
3. background-repeat: 设置背景平铺重复的方向;
4. background-attachment: 设置或检索背景图像是随对象内容滚动还是固定的。
5. background-position: 设置或检索对象的背景图像位置。
6. background-size: 可以设置背景图片覆盖整个区域,值指定为cover,就可以实现了
7. background背景样式的值也可以是复合属性值组合,例如:

background: #212121 url("…/…/dist/images/auth.min.jpg") no-repeat 5px 20px fixed;
其中,涉及到的#212121:指的是设置的背景的颜色值;
url():指的是设置的背景图片的具体路径;
no-repeat:指的是设置的图片是否平铺,平铺的方式为不重复图片;
5px:指的是距左多少像素(距离);
20px: 距上面多少像素(距离);
fixed:背景图片是固定,该位置同样可以设置为scroll,背景图片随上下滚动条流动。

发布了206 篇原创文章 · 获赞 36 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/zjy123078_zjy/article/details/105005799