初学者对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的路径,达到更换图片的目的,也可以移动它的位置,浏览网站时,可以任意的把图片拿去自己用,并且在搜索引擎可以轻松搜到。

初学者对html中img和backgroun-image认识,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。