㈠ css如何设置背景图片background属性添加背景图片
在前端开发中提升页面美感，背景图片的使用必不可少。CSS中的background属性就是实现这一目标的关键。它包括多个子属性，如background-color、background-position、background-size等，其中background-image属性正是用于设置HTML页面的背景图片。
设置background-image的基本语法是：background-image: url('image_path.jpg');只需要提供图片的URL，即可为div元素赋予背景图片。注意，为了确保图片显示，设置背景的div应具有明确的宽度和高度。
为了简化代码，可以同时设置多个属性，如：background: url(bgimg.gif) no-repeat 5px 5px;这表示背景图片位于右上角，不重复。CSS还可以用于实现全屏背景，如通过position: fixed; top: 0; left: 0;使div固定在屏幕顶部左边缘，width: 100%; height: 100%;使其自适应屏幕大小。
想要达到背景图片的透明效果，可以通过在背景图片上叠加一层透明div，再调整z-index和background-repeat属性。例如，z-index:-10可使div在其他元素之下，background-repeat:no-repeat阻止图片重复。
总的来说，CSS通过background属性提供了丰富的选项，以满足不同场景下的背景图片需求。熟练掌握这些技巧，你的网页设计将更加生动多彩。
㈡ css怎么引用本地背景图片
在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。例如：
body {
background-image: url('./images/bg.jpg');
}
其中 ./images/bg.jpg 是图片的本地文件路径，可以根据实际情况替换为其他路径。
请注意，如果您的 CSS 文件和图像文件不在同一目录中，则需要使用绝对路径或相对路径来指定图像文件的位置。
㈢ 为什么我在css中设定的背景图片在浏览的时候不显示
如果页面布局变得混乱，这通常意味着CSS文件中的路径设置有误。然而，如果页面布局保持正常，但背景图片未显示，则可能是背景图片路径设置不正确。在本地开发与服务器部署时，文件路径可能会有所不同。在服务器环境下，可以尝试使用绝对路径来解决路径问题。
首先，确认CSS样式表是否已成功调用。可以通过检查浏览器开发者工具中的网络请求部分来确定。如果CSS文件没有被正确加载，背景图片自然无法显示。
其次，仔细检查背景图片路径的设置。例如，如果使用background:url(../images/bg.jpg) 0 0 no-repeat;这种方式调用背景图片，记得在路径前加上"../"或"../../"这样的相对路径指示符，以正确指向图片文件的位置。
再者，确保背景图片的定义没有错误。检查CSS代码中有关背景图片的定义部分，确保没有拼写错误或其他语法错误。这些错误可能会导致背景图片无法正确加载。
如果以上步骤都无法解决问题，可以尝试将背景图片文件放置在CSS文件的同一目录下，或者检查图片文件名和路径是否正确。此外，确认服务器上图片文件的访问权限是否正确，有时服务器的安全设置可能限制了图片文件的访问。
㈣ css里面加背景图片
在CSS中，若要设置一个背景图片并预留蓝色背景，可以结合使用background-color和background-image属性。具体代码如下：
background-color: blue;
background-image: url(图片相对路径或url全名);
background-repeat: no-repeat;
这样设置后，如果header的高度大于背景图片的高度，图片外面多余部分的header将显示为蓝色。若不设置background-repeat: no-repeat;属性，背景图片会自动填充整个背景区域。
例如，若背景图片的高度为100像素，而header的高度为200像素，那么图片下方的100像素将显示为蓝色背景。若背景图片的宽度小于header的宽度，背景图片会在header的宽度方向上重复显示，除非使用background-repeat: no-repeat;来阻止这种重复。
需要注意的是，background-image属性中的url需要填写图片的具体路径或URL。背景图片的显示方式可通过background-repeat属性控制，no-repeat表示只显示一次背景图片，不重复填充。
此外，还可以通过background-position属性来调整背景图片的位置，例如background-position: center;将背景图片居中显示。
在设置背景图片时，应确保图片的尺寸与元素的尺寸相匹配，以避免不必要的重复或裁剪。合理使用这些CSS属性，可以使网页设计更加丰富和美观。