网页制作 
首页 > 网页制作 > 浏览文章

Dreamweaver如何给div添加css样式? dw给div添加css样式的方法

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )

Dreamweaver中想要给div添加样式,比如css添加样式,该怎么添加呢?下面我们就来看看详细的教程。

软件名称:
Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位
软件大小:
758MB
更新时间:
2016-11-05立即下载

1、首先插入一个div标签,在插入菜单的标签选择器中选择插入

Dreamweaver如何给div添加css样式? dw给div添加css样式的方法

2、然后选中插入的div标签,在div ID中输入test

Dreamweaver如何给div添加css样式? dw给div添加css样式的方法

3、接着在右侧所有规则中点击右键,选择新建

Dreamweaver如何给div添加css样式? dw给div添加css样式的方法

4、然后选择ID选择器,选择器名称也输入test

Dreamweaver如何给div添加css样式? dw给div添加css样式的方法

5、接着对css进行规则定义,方框、边框等等

Dreamweaver如何给div添加css样式? dw给div添加css样式的方法

6、定义好后点击确定完成,如果需要修改,可以在相应的选择器上点击右键,进行编辑

Dreamweaver如何给div添加css样式? dw给div添加css样式的方法

以上就是Dreamweaver给div添加css样式的方法,希望大家喜欢,请继续关注。

相关推荐:

Dreamweaver网页怎么添加文本字段?

Dreamweaver cs6怎么设计一款简单的网页?

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

上一篇:Dreamweaver中的AP元素怎么修改宽度高度和颜色?
下一篇:DreamWeaver中css代码不换行显示怎么实现?
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。