<!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最终在浏览器显示的效果：
如果图片地址写为绝对地址，比如：c:xxx/xxx/xx.jpg，如果这种格式你把整个文件夹拷到另一台电脑上，运行是他就会在新的电脑上面找这个地址，如果找不到就无法显示图片。相对地址,相对地址的图片文字也就是相对于当前文件的路径地址，这样写即使更换了电脑，路径都是不会变的，图片都能正常显示。建议使用相对地址。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）