<img src="img/pic.jpg" alt="">
通过background实现插入图片，background是一个CSS供应的背景属性，是用来做润色的，那么我们就须要先写一个构造，然后通过背景来进行润色
<div class="box"></div>.box{ width: 300px; height: 200px; background:url(img/pic2.jpg) no-repeat;}
OK，单从代码上看彷佛通过背景的办法插入图片比较繁芜一点，繁芜在哪呢？我们看一下背景图的插入，须要写一个容器，并且要给这个容器设定一个宽高才能显示内容，如果容器的高度为0，那么这张图片就插入不进去了。img图片不一样，它属于html标签，相称于内容跟笔墨一样只要放在页面中就可以展示出来。 除此之外，如果你想要实现笔墨内容在图片上的效果，可以利用背景图片，img图片上本身是不能放下笔墨的。
<!-- img图片写笔墨 --><img src="img/pic2.jpg" alt=""><br />睡什么睡，起来嗨!!!<!-- background背景图片写笔墨 --><div class="box"> 睡什么睡，起来嗨!!!</div>/ background背景图片写笔墨 /.box{ width: 300px; height: 200px; background:url(img/pic2.jpg) no-repeat; font-size: 20px; font-weight: 900; color:crimson;}
好了，看完了这些是不是明白一点img图片与background图片的差异了呢？我们一起再来总结一下吧 1、img图片直接插入利用，background图片须要写一个容器并设置宽高才能插入利用 2、img图片跟笔墨一样属于内容，本身是不会让笔墨显示在图上，background图片属于背景，笔墨是可以图上的
