dreamweaver cs6怎么给网页添加float浮动效果?

作者 : 发布时间: 2021-11-04 人阅读

今天我们就来看看使用dreamweaver cs6给网页制作float浮动效果的教程,详细如下文所述。

1、新建文件,创建一个盒子

dreamweaver cs6怎么给网页添加float浮动效果?(图1)

效果如图

dreamweaver cs6怎么给网页添加float浮动效果?(图2)

2、在盒子里面再创建一个盒子,设置左浮动

dreamweaver cs6怎么给网页添加float浮动效果?(图3)

效果如图

dreamweaver cs6怎么给网页添加float浮动效果?(图4)

3、盒子设置右浮动

dreamweaver cs6怎么给网页添加float浮动效果?(图5)

效果如图

dreamweaver cs6怎么给网页添加float浮动效果?(图6)

4、如何让盒子居中,这里就不用float了,用margin:0 auto;就可以

dreamweaver cs6怎么给网页添加float浮动效果?(图7)

效果如图

dreamweaver cs6怎么给网页添加float浮动效果?(图8)

5、再创建一个盒子,让两个盒子并排显示

dreamweaver cs6怎么给网页添加float浮动效果?(图9)

效果如图

dreamweaver cs6怎么给网页添加float浮动效果?(图10)

好了以上就是dreamweaver cs6制作float浮动效果的教程,希望大家喜欢,请继续关注本站。

相关推荐:

Dreamweaver怎么给网页制作跳转菜单?

Dreamweaver怎么给网站添加一个动态横幅效果?

Dreamweaver CS6编辑浏览器列表无法添加浏览器怎么办?

①本站所有成品淘宝购买需确认收货并好评后发货;
②所有作品如需修改需另加费用;
③所有作品没有任何人的姓名学校之类信息;
④请务必确认网页是您需要的,源码具有可复制性,所以无法退换!
⑤每份网页都可以更换内容,费用50元起,如需更换内容请联系客服!
dw网页设计 » dreamweaver cs6怎么给网页添加float浮动效果?

千套DW网页成品 品质有保证

快速联系