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

html-css019

如何将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（Photoshop）打开，在工具栏的地方有一个选项直接可以将psd文件形式转换成HTML的格式（注意是保存文件类型位html）