所在的位置: html >> html资源 >> html如何设置背景色

html如何设置背景色

html设置背景色有两种方式,一种是在body标签中直接设置bodystyle="background-color:red;"这样的颜色值。另一种方式是使用css样式表文件来设置背景色。如下所示:

html

head

title为Html设置背景色/title

linkrel="stylesheet"type="text/css"href="style.css"

/head

body

div学习如何为Html页面添加背景颜色/div

/body

/html

这种方式与css样式表文件同效

接下来我们要编辑我们的样式表文件style.css了,如下所示:

body:{background-color:red;}

然后将style.css文件放在Html文件同一目录下即可。这样,Html网页的背景颜色就设置好了。

图片设置法:

上面我们使用的是CSS样式表的颜色代码设置法来设置的html网页背景色,下面我们使用图片,结合css来设置Html的背景色。

首先我们准备一张需要的颜色的图片,并将该图片命名为bgcolor.jpg。接下来我们在html文档中的body标签里写入如下样式:

html

head

title为html设置背景颜色/title

/head

bodystyle="background-image:url(图片路径/bgcolor.jpg);"

div学习如何为Html页面添加背景颜色/div

/body

/html

这样就完成了对html设置背景色的工作了。




转载请注明:http://www.aierlanlan.com/rzgz/7514.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了