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

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

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

Adobe Dreamweaver CS6 官方中文正式原版

  • 类型:网页设计
  • 大小:317.3MB
  • 语言:简体中文
  • 时间:2014-05-14
查看详情

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

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

效果如图

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

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

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

效果如图

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

3、盒子设置右浮动

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

效果如图

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

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

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

效果如图

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

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

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

效果如图

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

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

相关推荐:

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

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

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

转载请说明出处
知优网 » dreamweaver cs6怎么给网页添加float浮动效果?

发表评论

您需要后才能发表评论