在制作网页时往往需要通过css来定义网页的背景色或背景图片,这样整个网页看起来更富有生机。那具体如何操作呢?
工具/原料
Dreamweaver CC2019
方法/步骤
1
启动dw软件,在新建窗口中选择【html5】,然后新建一个网页。
2
在head中引入CSS,在body中添加一个DIV,代码如下:
3
在【style】中引入一个CSS,并在DIV中引入【bg】定义div的宽和高,代码如下:.bg{ width: 1310px; height: 962px; }
4
然后在bg的CSS中添加背景色【background-color: #ff0000;】,这样网页就有了背景色了。然后按【F12】保存并预览网页。
6
如果想插入一张背景图片,可以输入如下代码:【background-image: url('bg.jpg');】口号中就是
7
再次刷新预览网页可以看到背景图片已经运用到网页背景中了。
8
当然也可以直接输入通用背景代码:【background: url('bg.jpg') no-repeat;】可以通过这个参数添加图片链接,也可以直接输入背景色【background: #ff0000;】。简单吧?好啦,同学们都会了嘛。
注意事项
Dreamweaver CC2019