Dreamweaver:[48]怎么给图片设置css样式

 时间:2024-10-20 08:50:14

接着学习怎么为图片设置css样式,其实跟文本相差不大,一起学习怎么设置吧。

工具/原料

Dreamweaver

方法/步骤

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

Dreamweaver:[48]怎么给图片设置css样式

2、选中图像,点击css皱诣愚继样式窗口的+号,新建一个CSS样式,打开对话框。选择标签元素,下面就自动变为img,就是说为图像编辑规则。

Dreamweaver:[48]怎么给图片设置css样式

Dreamweaver:[48]怎么给图片设置css样式

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

Dreamweaver:[48]怎么给图片设置css样式

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

Dreamweaver:[48]怎么给图片设置css样式

Dreamweaver:[48]怎么给图片设置css样式

Dreamweaver:[48]怎么给图片设置css样式

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

Dreamweaver:[48]怎么给图片设置css样式

Dreamweaver:[48]怎么给图片设置css样式

Dreamweaver:[48]怎么给图片设置css样式

在DW中如何插入标题代码【新手教程】 Dreamweaver如何锐化图像 DW中常用css样式四种类型详细解析说明 Dw CC 2018使用速记怎么设置过渡效果 Dw怎样新建一个站点
热门搜索
大漫画 猫咪的图片 捷豹标志图片 梳妆台图片 欧洲色l图片妇女