dw上怎么用css编辑div

html-css011

dw上怎么用css编辑div,第1张

打开页面,打开css设计器,添加css源,在页面中定义,切换代码界面,定义名为#box和#text的css样式。

2.

点击插入Div,定义ID为text,点击确定。

3.

点击实时视图即可看到相应的效果。

一、选择“div标签”命令

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

二、输入div标签名称

1、在“ID”列表框中选择“top”

2、单击“新建css规则”按钮准备进行css规则定义

三、新建css规则

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

四、设置属性

1、在“分类”列表框中选择“方框”选项。

2、在窗口右侧进行css规则定义,其中margin值的设置非常重要,“left”及“right”为auto,则可让div页面水平居中。

3、单击“确定”按钮。

五、创建div按钮

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

六、查看创建的div

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