这篇文章主要介绍了CSS如何加背景图片的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇CSS如何加背景图片文章都会有所收获，下面我们一起来看看吧。

background 属性

在学习如何添加背景图片前，我们需要先学习 background 属性。它是专门用来设置背景色或者背景图片的。

background-color: 设置背景颜色。

background-position: 设置背景图像的位置。

background-size: 设置背景图片的尺寸。

background-repeat : 设置是否重复背景图像。

background-origin: 设置背景图片的定位区域。

background-clip:设置背景的绘制区域。

background-attachment: 设置背景图像是否固定或者随着页面的其余部分滚动。

background-image: 设置背景图片路径。

其中设置背景图片就需要用到 background-image。

background-image:url(图片路径)

示例如下：

<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>CSS设置背景图片-亿速云(yisu.com)</title><styletype="text/css">body{background:url("./image/img1.png")no-repeat;}</style></head><body></body></html>

关于“CSS如何加背景图片”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“CSS如何加背景图片”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。