html5背景 html5背景颜色代码

如何在HTML中设置网页背景颜色

1.首先打开电脑上自带的记事本程序，从HTML5开始就不再支持<bgcolor>属性了。你想设置背景颜色和网页其它方面的样式，就得使用CSS。

2.然后输入html网页基本结构语句。<html><body></body></html>。

3.由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。

4.在head标签之间输入样式标签<style></style>,然后定义一些属性，例如

body {background-color: yellow} 定义网页背景色为黄色；

h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00；

h2 {background-color: transparent} 定义h2标签背景色为透明；

p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值；

p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px；

</style>

5.然后点击body标签后面输入正文标签内容，例如

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

<p >这个KING设置20内边距。</p>

6.点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式，双击打开预览效果，设置好了。

h5怎么设置图片上滑背景不动

要设置一个图片作为HTML5上滑背景不动，可以使用CSS的`position`属性将图片设置为固定定位，然后将`z-index`设置为0，这样图片就会停留在页面上不动。同时，还可以在HTML中给图片设置`border`和`border-image`等属性，以减少图片的透明度，降低其滑动的视觉效果。

下面是一个简单的示例：

HTML代码：

```html

<!DOCTYPE html>

<html>

<head>

<title>滑动的背景图片</title>

<style>

.bg {

position: fixed;

z-index: 0;

border: 1px solid #ccc;

border-image: linear-gradient(to bottom, #f00, #00f), linear-gradient(to top, #f00, #00f);

}

</style>

</head>

<body>

</body>

</html>

```

在上面的代码中，我们设置了`.bg`元素的`position`属性为`fixed`，`z-index`属性为`0`，以及`border`属性为`1px solid #ccc`，`border-image`属性为`linear-gradient(to bottom, #f00, #00f), linear-gradient(to top, #f00, #00f)`。这样，图片就会停留在页面上不动，背景颜色也会随着上滑而逐渐变深。

谷歌浏览器

谷歌浏览器

谷歌浏览器