当前位置: 首页 - 学院 - 教程 - PC教程 - 正文

dreamweaver cs6设置div标签宽度以及高度的相关使用教程

2019-07-20 15:48:11 来源:下载之家 作者:down

Dreamweaver cs6

Dreamweaver cs6

软件类型:网页制作 软件大小:279.73MB 软件平台:  WinALL  软件语言:简体

标签: dreamweaver dw 网页制作

查看详情

      对于dreamweaver cs6设置div标签宽度以及高度的操作有许多网友咨询过,小编今日就带来了dreamweaver cs6设置div标签宽度以及高度的操作过程,一起好好学习下吧!

      dreamweaver cs6设置div标签宽度以及高度的相关使用教程

dreamweaver cs6设置div标签宽度以及高度的相关使用教程

      首先我们先打开dreamweaver cs6软件,建立一个站点后,新建一个HTML文件。

dreamweaver cs6设置div标签宽度以及高度的相关使用教程截图

      然后我们在上面找到插入后点击,然后选择【布局对象】——【Div标签】

dreamweaver cs6设置div标签宽度以及高度的相关使用教程截图
dreamweaver cs6设置div标签宽度以及高度的相关使用教程截图

      接着我们在插入Div标签的窗口中,设置类为“a”,并新建CSS规则,点击确定。

dreamweaver cs6设置div标签宽度以及高度的相关使用教程截图

      这时在【.a的CSS规则定义】的窗口中,在分类找到【方框】后,修改Width(宽)和Height(高)。

dreamweaver cs6设置div标签宽度以及高度的相关使用教程截图

      再设置宽高分别为400px。

dreamweaver cs6设置div标签宽度以及高度的相关使用教程截图

      确定后返回设计页面,查看div标签。

dreamweaver cs6设置div标签宽度以及高度的相关使用教程截图

      若是再次修改,就在CSS样式窗口中找到【.a】然后双击,即打开【.a的CSS规则定义】,如下图所示,然后用同样的方法再次修改即可。

dreamweaver cs6设置div标签宽度以及高度的相关使用教程截图

      根据上文为你们讲述的dreamweaver cs6设置div标签宽度以及高度的详细操作流程,相信你们应该都学会了吧!