添加背景图片注意事项

背景图片添加格式background-image: url(图片地址);

我们的目录结构，css文件夹，img文件夹与HTML文件再同级目录下，添加背景图片是图片地址写的有问题会报错，也会出现无法应用的状况。

1、在css文件中

background-image: url(img/navbar-bg.jpg);/*有错误*/
background-image: url(/img/navbar-bg.jpg);/*无法应用*/

正确用法：

background-image: url(../img/navbar-bg.jpg);

2、用在Html文件的<style>中

background-image: url(../img/navbar-bg.jpg);/*有错*/

background-image: url(/img/navbar-bg.jpg);/*无法应用*/

正确用法：

background-image: url(img/navbar-bg.jpg);

background-image: url(./img/navbar-bg.jpg);