html怎么设置网页背景

116 阅读 0 评论 77 点赞

我是靠谱客的博主留胡子斑马，最近开发中收集的这篇文章主要介绍html怎么设置网页背景，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

好的背景使站点看上去特别棒。那么html怎么设置网页背景？下面介绍一下。

<body> 拥有两个配置背景的属性。背景可以是颜色或者图像。

背景颜色（Bgcolor）

bgcolor 属性规定文档的背景颜色。属性值可以是十六进制数、RGB 值或颜色名。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
登录后复制

以上的代码均将背景颜色设置为黑色。

实例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	</head>

	<body bgcolor="#E6E6FA">
		<h1>Hello world!</h1>
	</body>

</html>
登录后复制

背景（Background）

background 属性规定规定文档的背景图像。。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。

<body background="logo.png">
<body background="https://www.uoften.com/static/images/logo.png">
登录后复制

URL可以是相对地址，如第一行代码。也可以使绝对地址，如第二行代码。

实例：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body background="img/1.jpg">

<h1>Hello world!</h1>

</body>
</html>
登录后复制

推荐教程：《html视频教程》

以上就是html怎么设置网页背景的详细内容，更多请关注靠谱客其它相关文章！

以上就是留胡子斑马为你收集整理的html怎么设置网页背景的全部内容，希望文章能够帮你解决html怎么设置网页背景所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。