dreamweaver cs6怎么给网页添加float浮动效果?
发布时间:2017-09-25 08:57:13 作者:佚名 我要评论
dreamweaver cs6怎么给网页添加float浮动效果?在浏览网页的时候,经常能在网页中,看到有float浮动布局,该怎么给网页添加float浮动效果呢?请看下文详细介绍,需要的朋友可以参考下
今天我们就来看看使用dreamweaver cs6给网页制作float浮动效果的教程,详细如下文所述。
1、新建文件,创建一个盒子
效果如图
2、在盒子里面再创建一个盒子,设置左浮动
效果如图
3、盒子设置右浮动
效果如图
4、如何让盒子居中,这里就不用float了,用margin:0 auto;就可以
效果如图
5、再创建一个盒子,让两个盒子并排显示
效果如图
好了以上就是dreamweaver cs6制作float浮动效果的教程,希望大家喜欢,请继续关注脚本之家。
相关推荐:
Dreamweaver CS6编辑浏览器列表无法添加浏览器怎么办?
相关文章
- 很多的时候,我们看代码时间长了就会觉得代码很小,看起来很累,想将代码字体设置大一点,该怎么设置呢,下面小编就为大家介绍dreamweaver如何改变代码的字体大小方法,来看看2016-06-23
- 这篇文章主要为大家详细介绍了8款替代Dreamweaver的开源网页开发工具,感兴趣的小伙伴们可以参考一下2016-06-23
- 今天小编为大家分享dreamweaver8调出新建、打开两个命令的快捷工具栏方法,教程很基础,适合新手来学习,推荐过来,来看看吧2016-06-22
dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程
dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下2016-06-03- Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友2016-06-02
dreamweaver cs6怎么新建HTML5格式的页面?
dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下2016-05-23- Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容2016-05-22
- dreamweaver怎么做一个简单的网站?想做一个简单的网站,该怎么制作呢?今天我们就来卡看dreamweaver制作网站的一个步骤,感兴趣的朋友可以进来参考一下,需要的朋友可以参2016-05-16
Dreamweaver设置页面属性后采用HTML格式怎么办?
Dreamweaver设置页面属性后采用HTML格式怎么办?用Dreamweaver设计了网页,设置页面属性以后,本来想用css格式的,现在变成了HTML格式,该怎么办呢?下面我们来看看详细的2016-04-27- dreamweaver中怎么将文字放到图片上?dreamweaver中如果想让背景图片上带一些文字,比较有意境,该怎么做呢?下面我们就来看看dw在图片上写文字的教程,需要的朋友可以参考2016-04-22
最新评论