html的背景图片用什么格式
发布网友
发布时间:2022-04-23 15:03
我来回答
共1个回答
热心网友
时间:2023-09-21 16:42
一、首先HTML布局:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景图设置</title>
</head>
<body>
<div></div>
</body>
</html>
二、添加CSS样式:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景图设置</title>
<style type="text/css">
.box {
width: 700px;
height: 350px;
margin: 0 auto;
background: url(pic.jpg) no-repeat center;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
三、html+css最终在浏览器显示的效果: