html中添加背景图片,背景不重复
时间: 2024-01-23 20:02:22 浏览: 72
不重复的自动放大缩小的背景图
5星 · 资源好评率100%
在 HTML 中,你可以使用 CSS 来设置页面的背景图片,同时控制其是否重复。具体来说,你可以通过以下代码来设置背景不重复的图片:
```css
body {
background-image: url("your_background_image.jpg");
background-repeat: no-repeat;
background-size: cover; /* 可选 */
}
```
其中,`background-image` 属性设置背景图片的 URL,`background-repeat` 属性设置图片是否重复,`no-repeat` 表示不重复;`background-size` 属性设置图片的大小,`cover` 表示图片将被缩放以覆盖整个元素。
注意,这些样式应该放在 CSS 文件中,或者在 `<style>` 标签中添加到 HTML 文件中。
阅读全文