课时95.背景图片(掌握)
程序员文章站
2022-03-04 16:06:45
1.如何设置背景图片? 在css中有一个叫做background-image:url();的属性,就是专门用于设置背景图片的。 注意点: 1.图片的地址必须放在url()中,图片的地址是本地的地址,也可以是网络的地址 2.如果图片的大小没有标签的大小大,那么会自动在水平和垂直方向平铺和填充 3.如果 ......
1.如何设置背景图片?
在css中有一个叫做background-image:url();的属性,就是专门用于设置背景图片的。
注意点:
1.图片的地址必须放在url()中,图片的地址是本地的地址,也可以是网络的地址
2.如果图片的大小没有标签的大小大,那么会自动在水平和垂直方向平铺和填充
3.如果网页上出现了图片,那么浏览器会再次发送请求获取图片。
我们先将所有的url地址删除
查看开发者工具下的Network,发现什么都没有
然后我们刷新网页,发现下面多出了一行,然后我们点开response,发现这就是我们多网页
然后我们点击开任何一张图片
再点开开发者工具选项,发现里面有两个响应请求
第一个是我们的页面,第二个就是我们的图片了
上一篇: 课时101.背景图练习(理解)
下一篇: 课时96.背景平铺(掌握)