背景图片添加格式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);