网站建设中如何使用CSS+DIV布局网页

 时间:2024-11-14 18:15:29

1、一、选择“div标签”命令打开dreamweaver,新建网页并保存为“die.html”,选择【插入】【布局对象】【div标签】命令,打开“div标签”对话框。

网站建设中如何使用CSS+DIV布局网页

2、二、输入div标签名称1、在“ID”列表框中选择“top”2、单击“新建css规则”按钮准备进行css规则定义

网站建设中如何使用CSS+DIV布局网页

3、三、新建css规则在打开的对话框中保持默认设置,单击“确定”按钮进行css规则新建。

网站建设中如何使用CSS+DIV布局网页

4、四、设置属性1、在“分类”列表框中选择“方框”选项。2、在窗口右侧进行css规则定义,其中margin值的设置非常重要,“l髫潋啜缅eft”及“right”为auto,则可让div页面水平居中。3、单击“确定”按钮。

网站建设中如何使用CSS+DIV布局网页

5、五、创建div按钮返回“插入div标签”,单对话框,单击“确定”按钮,完成div标签的插入

网站建设中如何使用CSS+DIV布局网页

6、六、查看创建的div将鼠标光标定位在div,即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。

  • css如何设置英文都是大写
  • Dreamweaver网页制作初级教程:div框架的细分
  • DW启动器模板怎么创建bootstrap-产品
  • Dw中CSS外观上边距如何配置50px#校园分享#
  • Dreamweaver调试浏览器的设置方法
  • 热门搜索
    关于科普知识的手抄报 放飞中国梦手抄报 环境手抄报内容 关于汉字的手抄报图片 安全教育日手抄报内容 关于推广普通话的手抄报 手抄报8k版面设计图 关于法治的手抄报 喜迎国庆手抄报 珍爱生命手抄报资料