怎么在PS的切片上填加CSS样式

html-css016

怎么在PS的切片上填加CSS样式,第1张

<table id="__01" width="1003" height="1001" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="6">

<img src="images/index_01.gif" width="1003" height="174" alt=""></td>

</tr>

<tr>

<td colspan="2" style="background:url(images/index_02.gif) repeat-x"></td>

<td colspan="4">

<img src="images/index_03.jpg" width="816" height="26" alt=""></td>

</tr>

</table>

打开css3ps的官网,点击download,选择你所需要的css3ps版本 。

下载完成后,打开Adobe Extension Manager CC【一定要和你的photoshop版本对应,不然的话无法安装,小编就是只有Adobe Extension Manager CS6又去下载了一个cc版的】

最后一步,打开一张psd文件,选择一个图层,然后点击css3ps,会打开一个网页,等待一分钟,即可出现css3代码,非常好用哦

如果您下载的是一个插件的压缩包的话,把里面的文件放到Css安装目录下 Plug-ins\Panels 文件夹中即可

E:\Adobe\Adobe Photoshop CC (64 Bit)\Plug-ins\Panels

如果你下载的是zxp格式的文件的话,那么就需要使用Adobe Extension Manager来安装(没有的话去网上找个和你的ps版本相同的Adobe Extension Manager)

打开Adobe Extension Manager,然后执行 文件——安装扩展

然后找到您的zxp格式文件 打开即可安装

安装完之后 在Adobe Extension Manager里面会有显示的,这样就证明已经安装成功了,此时可以把Adobe Extension Manager关掉了

然后打开ps,打开 窗口——扩展功能——CSS3Ps 就能在您的ps上使用这个插件了。