如何将psd网页切图转换成html

html-css010

如何将psd网页切图转换成html,第1张

psd网页切图转换成html，其实psd的切图就是网页前端的初步设计，这时候，网页的形象已经出来了，然后需要做的就是前端人员将psd的切图，参考psd去用html+css等一些语言去完成设计，如网站的背景，就需要css的background来实现，具体看下代码：

<html>

<head>

<style>

body{

width:960px

//限定网页的宽度

margin:0

auto

boreder:1px

solid

#f00

//加个边框利于观察

}

</style>

</head>

<body>

<p>我是测试文字</p>

</body>

</html>

psd是ps的格式，用ps转成你想要的格式就可以了~！如果你想转了html就在文件-储存为web和设备所有格式-储存

就变成html格式了（不过图片文件还是在文件夹里面）

视频教程这个我就没有啦~！不过我说的绝对没有错~！因为因为我自己有时候也会用到~！