• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > Dreamweaver基础教程之主体的细分技巧

Dreamweaver基础教程之主体的细分技巧

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含Dreamweaver,网页等相关知识,佚名 希望在学习及工作中可以帮助到您

现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。

1、当然,如果我们要细分body,首先就要从body-l开始细分。

2、分别输入代码:

 <div class="body1"></div>

            <div class="body2"></div>

3、然后我们输入文字,将要对div进行定义。定义当然在main文件中进行。

4、接下来就是定义宽以及高这些基本的东西了,我们之前基本都说过。直接上代码:

.body1{font-size:12px;color:#FFF;width:220px;height:240px;background-color:#666}

5、看看效果,如果我们需要两个div分开放置,应该怎么样进行编辑呢?其实比较简单,只需要一行代码:

margin-top:10 px

6、输入代码后,我们会看到,两个div开始分隔开来。右侧当然也是同样的操作方法。

7、我们开始命名body2

8、然后在main中定义它的样式属性。定义语句如下:

.body2{font-size:12px;color:#FFF;width:354px;height:240px;background-color:#666;margin-top:10px;float:left;margin-left:10px;}

9、看下效果吧。

相关推荐:

DW如何制作一个简单的垂直导航?

Dreamweaver制作网页的时候怎么定义主体div?

dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程

您可能想查找下面的文章:

  • Dreamweaver工作区布局有哪些工具?
  • dreamweaver状态栏的工具该怎么使用?
  • dreamweaver怎么批量替换超链接?
  • Dreamweaver预览提示浏览器指定位置已不存怎么办?
  • Dreamweaver网页中怎么制作锚点链接?
  • Dreamweaver怎么给网页添加下拉的条幅?
  • dreamweaver命名锚记怎么使用?
  • dreamweaver cs5不写写代码怎么添加meta标签?
  • Dreamweaver怎么怎么利用层布局网页?
  • Dreamweaver站点怎么检查链接错误?

相关文章

  • 2017-08-06dreamweaver翻译器没有被装载由于错误coldfusion.htm有不正确的设置信息
  • 2017-08-06Dreamweaver CS6安装失败提示配置错误代码16该怎么办?
  • 2017-08-06Dreamweaver中框架的使用技巧
  • 2017-08-06Adobe Dreamweaver CS4 激活序列号(附Dreamweaver CS4 官方简体中文版下载)
  • 2017-08-06Dreamweaver技巧之在网页中给视频播放窗口预设图像
  • 2017-08-06Dreamweaver CS3网页制作之布局实例
  • 2017-08-06Dreamweaver中制作网页的实用技巧
  • 2017-08-06如何在Dreamweaver cs6 中设置默认文档格式为html5
  • 2017-08-06Dreamweaver标尺怎么设置单位?
  • 2017-08-06DW怎么设置滚动字幕?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • dw制作鼠标放上去图片就显示鼠标离开图片就消失
    • dw如何插入flash动画?dw插入flash动画方法
    • 用dreamweaver制作网站下拉菜单效果示例教程
    • Dreamweaver代码提示功能怎么开启?
    • Dreamweaver怎么显示底部的属性栏?
    • dreamweaver的18条操作技巧
    • Dreamweaver怎么在网页中显示一个圆角矩形?
    • DW怎么设置网站的背景图像?
    • Dreamweaver无法打开提示javascript错误怎么办?
    • 小技巧:Dreamweaver的应用源格式

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有