dreamweaver cs6怎么给网页添加float浮动效果?在浏览网页的时候,经常能在网页中,看到有float浮动布局,该怎么给网页添加float浮动效果呢?请看下文详细介绍,需要的朋友可以参考下
今天我们就来看看使用dreamweaver cs6给网页制作float浮动效果的教程,详细如下文所述。
- 软件名称:
- Adobe Dreamweaver CS6 官方中文正式原版(附激活补丁)
- 软件大小:
- 317.3MB
- 更新时间:
- 2014-05-14
1、新建文件,创建一个盒子
2017092508481713.png
效果如图
2017092508481714.png
2、在盒子里面再创建一个盒子,设置左浮动
2017092508481715.png
效果如图
2017092508481816.png
3、盒子设置右浮动
2017092508481817.png
效果如图
2017092508481818.png
4、如何让盒子居中,这里就不用float了,用margin:0 auto;就可以
2017092508481819.png
效果如图
2017092508481820.png
5、再创建一个盒子,让两个盒子并排显示
2017092508481821.png
效果如图
2017092508481922.png
好了以上就是dreamweaver cs6制作float浮动效果的教程,希望大家喜欢,请继续关注脚本之家。
相关推荐:
Dreamweaver怎么给网页制作跳转菜单?
Dreamweaver怎么给网站添加一个动态横幅效果?
Dreamweaver CS6编辑浏览器列表无法添加浏览器怎么办? |