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

百度经验   发布时间:2018-07-25 17:00:35   作者:水果人2010   我要评论

Dreamweaver怎么设置div的背景颜色?dw cs6中想要设置div标签的背景颜色,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下

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

软件名称:
Adobe Dreamweaver CS6 官方中文正式原版(附激活补丁)
软件大小:
317.3MB
更新时间:
2014-05-14

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

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

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

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

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

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

6、背景色设置完成。

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

8、背景图像设置完毕。

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

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

相关推荐:

DreamWeaver怎么使用块状标签div?

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

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

相关文章

  • Dreamweaver怎么给图片添加晃动效果?

    Dreamweaver怎么给图片添加晃动效果?网页中经常能看到一些晃动的广告图片,该怎么给图片添加晃动效果呢?下面我们就来看看详细的教程, 需要的朋友可以参考下
    2017-12-04
  • Dreamweaver怎么制作一个开场动画效果的网页?

    Dreamweaver怎么制作一个开场动画效果的网页?Dreamweaver中想要制作一个空间欢迎动画,插入一个swf视频文件就可以了,下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-11-29
  • Dreamweaver文字怎么添加多个不同的阴影?

    Dreamweaver文字怎么添加多个不同的阴影?Dreamweaver输入的文字想要设置阴影,该怎么给文字添加多个不同颜色的阴影呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-11-28
  • Dreamweaver单选按钮怎么出一道单选题?

    Dreamweaver单选按钮怎么出一道单选题?想要制作一个单选题的网页,该怎么给网页添加单选题呢?我们需要使用dw单选按钮来实现,下面我们就来卡看详细的教程,需要的朋友可
    2017-11-27
  • Dreamweaver怎么添加字体? dw更换字体的教程

    Dreamweaver怎么添加字体?Dreamweaver中想要添加字体,该怎么添加呢?下面我们就来看看看dw添加字体的方法,需要的朋友可以参考下
    2017-11-27
  • Dreamweaver怎么给代码添加注释?

    Dreamweaver怎么给代码添加注释?给代码添加注释是好习惯,方便以后查看程序,该怎么添加注释呢?下面我们就来看看Dreamweaver注释的添加方法,需要的朋友可以参考下
    2017-11-15
  • Dreamweaver怎么设计网页弹出窗口?

    Dreamweaver怎么设计网页弹出窗口?Dreamweaver中想要给网页设计一个弹窗,该怎么设计呢?下面我们就来看看网页中添加弹出网页窗口的教程,需要的朋友可以参考下
    2017-11-09
  • Dreamweaver怎么制作邮件链接下载链接及空链接?

    Dreamweaver怎么制作邮件链接下载链接及空链接?Dreamweaver设计的邮件中想要添加邮件链接下载链接及空链接该怎么添加,下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-11-09
  • Dreamweaver8怎么做一个网站维护自动跳转的html网页?

    Dreamweaver8怎么做一个网站维护自动跳转的html网页?Dreamweaver8网页很多简单,想要设计一个简单的跳转网页,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以
    2017-11-09
  • Dreamweaver怎么制作鼠标经过图片晃动的效果?

    Dreamweaver怎么制作鼠标经过图片晃动的效果?Dreamweaver想要实现一种效果,就是鼠标经过图片,图片就晃动一下,该怎么制作这个效果呢?需要的朋友可以参考下
    2017-11-08

最新评论