您现在的位置是：网站首页> 编程资料编程资料
dreamweaver cs6怎么给网页添加float浮动效果?_Dreamweaver教程_网页制作_
2023-11-06
218人已围观
简介 dreamweaver cs6怎么给网页添加float浮动效果？在浏览网页的时候，经常能在网页中，看到有float浮动布局，该怎么给网页添加float浮动效果呢？请看下文详细介绍，需要的朋友可以参考下
今天我们就来看看使用dreamweaver cs6给网页制作float浮动效果的教程，详细如下文所述。
- 软件名称：
- Adobe Dreamweaver CS6 官方中文正式原版
- 软件大小：
- 317.3MB
- 更新时间：
- 2014-05-14立即下载
1、新建文件，创建一个盒子
效果如图
2、在盒子里面再创建一个盒子，设置左浮动
效果如图
3、盒子设置右浮动
效果如图
4、如何让盒子居中，这里就不用float了，用margin：0 auto；就可以
效果如图
5、再创建一个盒子，让两个盒子并排显示
效果如图
好了以上就是dreamweaver cs6制作float浮动效果的教程，希望大家喜欢，请继续关注。
相关推荐:
Dreamweaver CS6编辑浏览器列表无法添加浏览器怎么办?
相关内容
- Dreamweaver网页怎么输入文本内容?_Dreamweaver教程_网页制作_
- Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程_Dreamweaver教程_网页制作_
- Dreamweaver插入面板怎么显示为水平插入栏?_Dreamweaver教程_网页制作_
- Dreamweaver网页怎么添加文本字段?_Dreamweaver教程_网页制作_
- Dreamweaver怎么实现一个网页内包含多个页面的效果?_Dreamweaver教程_网页制作_
- Dreamweaver表单怎么设置6位数的密码?_Dreamweaver教程_网页制作_
- Dreamweaver网页中怎么插入命名锚记链接?_Dreamweaver教程_网页制作_
- dreamweaver怎么新建收藏夹并归类资源?_Dreamweaver教程_网页制作_
- 雷霆战机新手攻略必备 雷霆战机新手技巧_手机游戏_游戏攻略_
- 植物大战僵尸2功夫世界第20天闯关视频攻略_手机游戏_游戏攻略_
