初学者对html中img和backgroun-image认识

背景图片属性(background-image) 
这个属性为HTML元素设定背景的图片,相对HTML中的background属性,是CSS中的样式,例:

style type="text/css">
.css1{
background-image:url("image/b_1.jpg") ;
}
</style>

显示图片(img src=),img属于标签是块元素,例:

<img src="image/b_1.jpg"/>

初学htmal写网页的时,很多时候不在知道该用img,还是background-image,感觉都差不多,今天才发现其实很简单。

 

  background-image用于CSS的样式,img是标签元素,这是本质上面的区别,其次background-image一般用于页面的背景或者按钮背景,只能看见不能动,比如浏览网站,background-image设置的样式背景图片,除去截图以外,没有办法可以取走它,在各大搜索引擎上也很难搜到;而img 是可以操作的,比如更换 img src的路径,达到更换图片的目的,也可以移动它的位置,浏览网站时,可以任意的把图片拿去自己用,并且在搜索引擎可以轻松搜到。



posted on 2014-04-09 20:37  丶不说再见  阅读(239)  评论(0编辑  收藏  举报

导航