保存的方法和 *** 作步骤如下：
1、首先，在PS中完成切片后，依次单击“文件”-->“存储为Web和设备所用格式”，如下图所示。
2、其次，在d出窗口中，单击右上角的“存储”按钮，如下图所示。
3、接着，在此步骤中，选择“HTML和图像（*.HTML）”作为保存类型，然后单击“保存”按钮即可，如下图所示。
4、最后，保存后，HTML格式的文件和JPG格式的图片就保存在了“images”文件夹中，如下图所示。这样，问题就解决了。
一、首先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最终在浏览器显示的效果：
首先，图片不建议你放桌面，因为桌面的物理地址很长，容易出错；其次，假如你的图片在D盘的images文件下，文件名称为 tupian.jpeg的话用下面的格式。
<img src="file:///D|/images/tupian.jpeg"/>
这个是物理路径，如果是网站的话，用相对路径则为下面的：
<img src="images/tupian.jpeg"/>
这个为html文件和images同一目录的写法
<img src="tupian.jpeg"/>
这个为图片和html文件同一目录的写法
<img src="../images/tupian.jpeg"/>
这种为html所在文件夹和images文件夹处同一目录也是网站的主目录下的写法
第三，你的图片后缀为jpeg的话，代码里也必须写jpeg不能省略为jpg
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）