HTML5网页背景设置代码
时间: 2023-12-19 19:04:18 浏览: 112
HTML5网页背景自适应缩放代码,背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片,兼容主流浏览器(不兼容IE678)
5星 · 资源好评率100%
HTML5网页背景可以通过CSS来进行设置,以下是几个常见的设置方法:
1. 设置背景颜色
```css
body {
background-color: #f4f4f4;
}
```
2. 设置背景图片
```css
body {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: cover;
}
```
3. 设置背景渐变色
```css
body {
background: linear-gradient(to bottom, #ffecd2, #fcb69f);
}
```
4. 设置背景视频
```html
<video autoplay muted loop id="bg-video">
<source src="background.mp4" type="video/mp4">
</video>
<style>
#bg-video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -1;
}
</style>
```
注意:以上代码仅为示例,具体的设置方法可以根据实际需求进行调整。
阅读全文