1、首先在文件内插入一张图片，点击插入\图像，选择一张图片即可。
2、选中图像，点击css样式窗口的+号，新建一个CSS（相关课程推荐：css视频教程） 样式，打开对话框。选择标签元素，下面就自动变为img，就是说为图像编辑规则。
3、比如要为图片编辑边框，就在弹出的对话框中选择边框，有三个属性可以更改，一个是类型，大小和颜色。可以根据需要选择。
4、在右侧的css面板上就多了个边框属性，代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。
5、如果要对该图像再进行修改，可以点击css样式窗口下的铅笔，在弹出的对话框中修改即可。
首先CSS（级联样式表）一般来讲分3种：
外联样式表：CSS样式单独写在一个CSS文件中，HTML页面使用<link>标签引入这个文件；
内联样式表：CSS样式写在HTML页面的<head>标签内；
内嵌样式表：CSS样式直接写在HTML标签的style属性里。
然后说下在DW里怎样使用它们（以下以DW CS6版本为例，其他版本大同小异）：
在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。
如果是外联样式表，在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面（注意要拖放到<head>标签内）。
在DW的CSS样式面板中可以方便的管理CSS样式，可新增、删除、修改标签的样式。
如需要为某个元素（例如一段文字）应用某个样式，可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。
dw中用什么定义了css样式会立即生效：1、在dreamweaver cc中可以直接创建css文件，或在内面内手写输入css代码定义规则等等。
2、如果要使用可视化css编辑，可以使用css设计器，在默认的界面下，在软件窗口右侧的活动窗口内就可以找到css设计器。
例如：新建一个html文件，点击css设计器的“源”窗口的“+”号，选择创建css的方式，包括：新建css；附件已有的css或在页面内创建css样式。
3、点击“选择器“窗口的”+“号，选择body，可以看到下面的”属性“窗口内显示出可以编辑的属性列表，鼠标点击相应的属性就可以选择或填写数值进行编辑了，在编辑的时候在”设计“窗口会显示样式的变化。
4、最后如果是新建的css文件，保存路径要正确。
