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怎么给网页制作跳转菜单?

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

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

相关文章

  • dreamweaver如何改变代码的字体大小?

    很多的时候,我们看代码时间长了就会觉得代码很小,看起来很累,想将代码字体设置大一点,该怎么设置呢,下面小编就为大家介绍dreamweaver如何改变代码的字体大小方法,来看看
    2016-06-23
  • 8款替代Dreamweaver的开源网页开发工具

    这篇文章主要为大家详细介绍了8款替代Dreamweaver的开源网页开发工具,感兴趣的小伙伴们可以参考一下
    2016-06-23
  • dreamweaver8调出新建、打开两个命令的快捷工具栏

    今天小编为大家分享dreamweaver8调出新建、打开两个命令的快捷工具栏方法,教程很基础,适合新手来学习,推荐过来,来看看吧
    2016-06-22
  • dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程

    dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下
    2016-06-03
  • Dreamweaver怎么在网页中显示一个圆角矩形?

    Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友
    2016-06-02
  • dreamweaver cs6怎么新建HTML5格式的页面?

    dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下
    2016-05-23
  • Dreamweaver怎么批量修改网页相同的内容?

    Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容
    2016-05-22
  • dreamweaver怎么做一个简单的网页?

    dreamweaver怎么做一个简单的网站?想做一个简单的网站,该怎么制作呢?今天我们就来卡看dreamweaver制作网站的一个步骤,感兴趣的朋友可以进来参考一下,需要的朋友可以参
    2016-05-16
  • Dreamweaver设置页面属性后采用HTML格式怎么办?

    Dreamweaver设置页面属性后采用HTML格式怎么办?用Dreamweaver设计了网页,设置页面属性以后,本来想用css格式的,现在变成了HTML格式,该怎么办呢?下面我们来看看详细的
    2016-04-27
  • dreamweaver中怎么将文字放到图片上?

    dreamweaver中怎么将文字放到图片上?dreamweaver中如果想让背景图片上带一些文字,比较有意境,该怎么做呢?下面我们就来看看dw在图片上写文字的教程,需要的朋友可以参考
    2016-04-22

最新评论