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中库的使用
  • 热门搜索
    植物大战僵尸大全 精子畸形率高怎么办 花朵简笔画图片大全 明星手机号码大全 包子的做法大全 火影笔记本怎么样 斗鱼怎么开直播间 日本邪恶少女漫画大全 第二次世界大战简介 送礼怎么说