Dreamweaver如何设置页面的背景色/图片?

 时间:2026-02-14 17:54:52

1、启动dw软件,在新建窗口中选择【html5】,然后新建一个网页。

Dreamweaver如何设置页面的背景色/图片?

2、在head中引入CSS,在body中添加一个DIV,代码如下:

<style type="text/css"></style>

<div class="bg"></div>

Dreamweaver如何设置页面的背景色/图片?

3、在【style】中引入一个CSS,并在DIV中引入【bg】定义div的宽和高,代码如下:

.bg{

width: 1310px;

height: 962px;

}

<div class="bg"></div>

Dreamweaver如何设置页面的背景色/图片?

4、然后在bgCSS中添加背景色【background-color: #ff0000;】,这样网页就有了背景色了。然后按【F12】保存并预览网页。

Dreamweaver如何设置页面的背景色/图片?

5、点击f12后会自动用浏览器打开我们的网页,可以看到背景色已经成功设置好了。

Dreamweaver如何设置页面的背景色/图片?

6、如果想插入一张背景图片,可以输入如下代码:

【background-image: url("bg.jpg");】口号中就是

Dreamweaver如何设置页面的背景色/图片?

7、再次刷新预览网页可以看到背景图片已经运用到网页背景中了。

Dreamweaver如何设置页面的背景色/图片?

8、当然也可以直接输入通用背景代码:【background: url("bg.jpg") no-repeat;】可以通过这个参数添加图片链接,也可以直接输入背景色【background: #ff0000;】。简单吧?好啦,同学们都会了嘛。

Dreamweaver如何设置页面的背景色/图片?

  • 如何让Dreamweaver的背景变色?
  • 在DW中如何将设置表格居中
  • Dreamweaver做的超链接在新窗口打开的操作
  • DW如何使文本字体加粗显示
  • DW设置背景图片的操作方法
  • 热门搜索
    qq怎么发起临时会话 我的世界怎么驯服僵尸 煎鱼怎么不粘锅 肠炎拉肚子怎么办 右肩膀疼是怎么回事 暖和的近义词 我的世界怎么建城堡 犹豫的近义词 协调的近义词 小儿发烧怎么办