如何运用ps切片,然后div+css布局的技巧!

html-css020

如何运用ps切片,然后div+css布局的技巧!,第1张

ps切片之后可以直接生成页面和图片块,页面代码都是table表格形式的,然后我们对生成的页面进行修改,将table表格用div替换掉,包括里面的tr、td等,当然你的切片一定要切的好,替换起来就方便一些,如果说你切得不够流畅或者不规则,那么替换起来就需要花更多的时间,主要还是遵从以大包小,该断则断

1、首先打开Dreamweaver插入图片。

2、点击插图右键选择CSS样式-新建。

3、点击新建后弹出的对话框自定义名称即可。

4、后在弹出的对话框中设置需要的效果即可,可以自定义类型、背景、区块、定位等。