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

2025-09-28 09:19:49

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如何设置页面的背景色/图片?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢