dreamweaver中div标签怎么运用

2025-04-20 05:02:06

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标签怎么运用
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢