dw里如何给图片做收缩放大效果?(html图片怎么排列显示大小相同然后可以点击放大)

dw里如何给图片做收缩放大效果?

【第一步】打开Dreamweaver cc  2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,节省时间。

dw里如何给图片做收缩放大效果?(html图片怎么排列显示大小相同然后可以点击放大)
(图片来源网络,侵删)

【第二步】在body标签内输入:<div class="one" id="one"></div>;这是图形框的代码。

3.【第三步】在body标签前面位置,输入代码。

.one{ width:100px; height:100px; background-color:red; position:absolute;},

dw里如何给图片做收缩放大效果?(html图片怎么排列显示大小相同然后可以点击放大)
(图片来源网络,侵删)

注意one的前面必须嫁个点。摁F12键,跳转到网页看效果。

4.【第四步】回到Dreamweaver  软件界面,在body标签前面适当位置输入代码。

到此,以上就是小编对于html如何排列图片的问题就介绍到这了,希望这1点解答对大家有用。

dw里如何给图片做收缩放大效果?(html图片怎么排列显示大小相同然后可以点击放大)
(图片来源网络,侵删)