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

Dreamweaver怎么设置div的背景颜色?

(编辑:jimmy 日期: 2024/9/28 浏览:3 次 )

Dreamweaver cs6设计网页的时候,想要设置div标签的背景颜色,该怎么设置呢?下面我们就来看看详细的教程。

软件名称:
Adobe Dreamweaver CS6 官方中文正式原版
软件大小:
317.3MB
更新时间:
2014-05-14立即下载

我们在添加div标签的时候,想更换div里面的背景色或背景图像该怎么做呢?以下经验为您解答。

1、打开DW,添加div标签,并设置类。之后新建CSS样式。

Dreamweaver怎么设置div的背景颜色?

2、在CSS规则定义的窗口中,在分类找到【方框】,设定长宽均为400。

Dreamweaver怎么设置div的背景颜色?

3、div标签创建完毕,接下来要做到是为它添加背景色。

Dreamweaver怎么设置div的背景颜色?

4、在右边的CSS样式窗口中找到该div的CSS修改CSS样式。然后在分类中找到【背景

Dreamweaver怎么设置div的背景颜色?

5、选择自己想设定的背景色,点击确定

Dreamweaver怎么设置div的背景颜色?

Dreamweaver怎么设置div的背景颜色?

6、背景色设置完成。

Dreamweaver怎么设置div的背景颜色?

7、同样,也可以添加本地图片作为背景,如下图所示,找到图像文件。

Dreamweaver怎么设置div的背景颜色?

8、背景图像设置完毕。

Dreamweaver怎么设置div的背景颜色?

9、另外,设置背景图像下面一共有四个选项:no-repeat、repeat、repeat-x、repeat-y,分别为重复、不重复、重复于水平面、重复于垂直面。即根据实际情况,选择适合的选项。

Dreamweaver怎么设置div的背景颜色?

以上就是dw cs6设置div标签背景颜色的教程,希望大家喜欢,请继续关注。

相关推荐:

DreamWeaver怎么使用块状标签div?

dreamweaver 怎么在网页中使用div展示图片效果?

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

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