Dreamweaver网页制作初级教程:div代码的运用

 时间:2024-10-12 12:19:02

1、今天我们就来看一下div命令的神奇之处吧。首先,我们打开dw。

Dreamweaver网页制作初级教程:div代码的运用

3、我们会看到,在右侧的预览视图中,出现了一个虚线框。

Dreamweaver网页制作初级教程:div代码的运用

5、这里之所以没有显示,是因为我们并没有定义div的样式。接着看代码,我们输入style样式。

Dreamweaver网页制作初级教程:div代码的运用

7、对应的代码分别为:<div style="width:600px;height:20px;border:solid;margin-left:auto;margin-right:auto">1</div>效果如下

Dreamweaver网页制作初级教程:div代码的运用

9、看一下效果。

Dreamweaver网页制作初级教程:div代码的运用

10、当然,div这个编辑,会不会很麻烦呢?会不会需要一个一个代码改动,比如我们需要改动表格的宽度?下节我们看下,这个应该如何编辑。

  • DW中怎样置入div标签【新手教程】
  • Dreamweaver文档中如何插入Div标签?
  • 【DW基础】Dreamweaver使用Div标签
  • dw插入div的图文攻略#校园分享#
  • Dreamweaver cs6中库的使用
  • 热门搜索
    日向宁次怎么死的 牙龈炎怎么办 老花镜怎么配 怎么打架厉害 12306怎么退票 头晕呕吐是怎么回事 工作压力大怎么办 qq怎么改身份证 零申报怎么报税 女生怎么接吻