在html里面插入背景图片怎么写请举例?

如题所述

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。

1、首先,打开html编辑器,新建一个html文件,例如:index.html。

2、其次,在index.html中的<body>标签中,输入css样式代码:style="background-size:100%background: url(image.jpg);"。

3、浏览器运行index.html页面,此时成功插入了背景图片

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-02-28

插入背景图片用background-image即可,比如整个页面插入背景图代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href=" " rel="stylesheet">
<style type="text/css" media="screen">
body{
    background-image: url(01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
</style>
</head>
<body>
    
</body>
</html>

本回答被提问者和网友采纳