dreamweaver中div标签怎么运用

时间:2024-10-20 18:07:39

1、打开dreamweaver软件,新建一个html文档

dreamweaver中div标签怎么运用

2、点击插入,选择插入标签

dreamweaver中div标签怎么运用

3、在标签选择器里,选择html标签,选择div标签,点击插入

dreamweaver中div标签怎么运用

4、可以看到这里多了一个框,这是的div是还没有任何样式的

dreamweaver中div标签怎么运用

5、将光标定位在插入的div中,ID中输入test1(可以输入自己想要的,好记的)

dreamweaver中div标签怎么运用

6、然后在css样式中点击鼠标右键新建一个样式

dreamweaver中div标签怎么运用

7、在新建css规则中,选择器类型选为ID,选择器名称为test1(与上述对应)

dreamweaver中div标签怎么运用

8、然后就是定义css规则样式,定义完后确定可以看到效果

dreamweaver中div标签怎么运用
dreamweaver中div标签怎么运用
© 手抄报圈