dreamweaver如何修改图片大小并且不改变图片比例？

使用Dreamweaver修改图片大小并保持图片比例的方法如下：

在Dreamweaver中打开要修改的HTML文件。

找到要修改的图片，并单击它。

在图片上右键单击，选择“图像属性”。

在“图像属性”对话框中，在“宽度”和“高度”字段中输入新的大小值。

勾选图片的锁定比例复选框，这样在修改一个值时另一个值会自动按照比例更改。

单击“确定”按钮以应用更改。

dw里怎样设置图片的css样式

1、首先在文件内插入一张图片，点击插入\图像，选择一张图片即可。

2、选中图像，点击css样式窗口的+号，新建一个CSS（相关课程推荐：css视频教程） 样式，打开对话框。选择标签元素，下面就自动变为img，就是说为图像编辑规则。

3、比如要为图片编辑边框，就在d出的对话框中选择边框，有三个属性可以更改，一个是类型，大小和颜色。可以根据需要选择。

4、在右侧的css面板上就多了个边框属性，代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。

5、如果要对该图像再进行修改，可以点击css样式窗口下的铅笔，在d出的对话框中修改即可。

打开Dreamweaver，之后，新建一个html文档，然后在界面的上方找到插入图片的按钮，点击它，插入图片。这里是为了举例说明，所以用一个简单的图片和文字的讲解。

2

/8

插入图片之后，再写上文字，文字在图片下方，和图片的距离比较远，这是默认的距离，不会调的话，怎么调都是这么宽的，很麻烦。

3

/8

我们切换到代码模式，或者拆分模式，拆分模式的好处就是可以同时看到代码和实际效果。

4

/8

将图片和文字对应的所有P版权都删除，包括<p>和</p>，这些标签是段落标签，dw默认段间距太宽，所以我们就换一种段落方式。

5

/8

删掉了p标签之后，在文字的前端写上<br>,然后看一下效果，图片和文字的距离缩小了，效果如图所示。

6

/8

对于图片文字环绕效果，是在文字比较多的时候才会用到，由于新版dw的属性面板没有图片环绕方式的选项，只能从其它途径来修改了。

7

/8

首先右击图片，然后选择对齐，这里有很多种对齐方式，常用的有左对齐和右对齐，左对齐就是图片在左边，文字在右边，右对齐就是文字在左边，图片在右边。这两种都是图片和文字的环绕效果。

8

/8

我们就选择的是左对齐，效果如图中所示。是不是环绕的很整齐，在网页排版文字时经常需要用到，小伙伴们可以边 *** 作边看教程，这样 *** 作一遍就会了。

---