html代码html怎么设置网页背景

 所属分类:web前端开发

 浏览:234次-  评论: 0次-  更新时间:2022-10-18
描述:更多教程资料进入php教程获得。 方法:1、在body标签中,使用bgcolor属性设置背景颜色,语法“<body bgcolor="颜色值">”;2、、在body标...
更多教程资料进入php教程获得。

方法:1、在body标签中,使用bgcolor属性设置背景颜色,语法“<body bgcolor="颜色值">”;2、、在body标签中,使用background属性设置背景图片,语法“<body background="图片url">”。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境: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>
登录后复制

1.png

背景(Background)

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

<body background="logo.png">
<body background="https://img.zzsucai.com/202210/18/4tj6V219491083233.png">
登录后复制

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

实例:

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

<h1>Hello world!</h1>

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

1.png

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

以上就是html怎么设置网页背景的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: html,网页背景,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!