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设置背景图片的操作方法
  • 热门搜索
    卫生城市手抄报 关于地理的手抄报 一年级手抄报图片 关于爱读书的手抄报 关于春节手抄报大全 母爱手抄报内容 交通安全的手抄报 绿色出行齐步走手抄报 安全小报手抄报图片 小学生食品安全手抄报