html如何设置背景图片

ID:9634 / 打印
设置方法:1、使用background属性,语法“”;2、使用background-image属性,语法“”。

html如何设置背景图片

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

方法1:使用body background属性

body background属性规定文档的背景图片。语法如下:

<body background="URL">

示例:

立即学习“前端免费学习笔记(深入)”;

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body background="img/1.jpg"> 添加背景图片 </body> </html>

效果图:

1.png

方法2:使用css background-image属性

background-image 属性设置一个元素的背景图像。

元素的背景是元素的总大小,包括填充和边界(但不包括边距)。

默认情况下,background-image放置在元素的左上角,并重复垂直和水平方向。

示例:

<!DOCTYPE html> <html> 	<head> 		<meta charset="utf-8"> 	</head> 	<body style="background-image: url(img/3.jpg);"> 		添加背景图片 	</body> </html>

效果图:

2.png

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

上一篇: html怎么隐藏div元素
下一篇: html中如何直接显示html代码

作者:admin @ 24资源网   2024-09-27

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。