AI 中文社
Copyright © 2022-2024 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.3·
页面加载耗时 0.00 毫秒·物理内存 63.6MB ·虚拟内存 1299.8MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
CSS 背景图像
background-image 属性指定用作元素背景的图像。
默认情况下，图像会重复，以覆盖整个元素。
1）范例
页面的背景图像可以像这样设置：
body {
background-image: url("paper.gif");
}
2）范例
本例展示了文本和背景图像的错误组合。文字难以阅读：
body {
background-image: url("bgdesert.jpg");
}
注意：使用背景图像时，请使用不会干扰文本的图像。
还可以为特定元素设置背景图像，例如 <p> 元素：
3）范例
p {
background-image: url("paper.gif");
}
下一章：CSS 背景重复
1. CSS background-repeat：默认情况下，background-image 属性在水平和垂直方向上都重复图像。某些图像应只适合水平或垂直方向上重复，否则它们看起来会很奇怪。如果上面的图像仅在水平方向重复 (background-repeat: repeat-x;)，则背景看起来会更好。