IT码农库

您当前所在位置:首页 > 网页制作 > Dreamweaver教程

Dreamweaver教程

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

互联网 佚名2017-09-25Dreamweaver教程3794
dreamweaver cs6怎么给网页添加float浮动效果?在浏览网页的时候,经常能在网页中,看到有float浮动布局,该怎么给网页添加float浮动效果呢?请看下文详细介绍,需要的朋友可以参考下

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

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

效果如图

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

效果如图

3、盒子设置右浮动

效果如图

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

效果如图

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

效果如图

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

相关推荐:

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

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

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

大图广告(830*140)