怎样将图片转成css

html-css016

怎样将图片转成css,第1张

图片能转成html码?不是这样的吧,应该是转换成HTML代码里的<img src="" />吧,在html是图片,在css里是背景。

先写一个类:

.img{

width:图片宽度

height:图片高度

background-img:url(图片地址)

}

然后调用就可以了:

<div class="img"></div>

CSS本身并不能调用图片,因为CSS是负责网页外观呈现的,调用图片只能在HTML里,代码实例为:

<img src="图片地址" />

不过CSS里可以指定一张图片昨晚背景图片。比如一个ID名为demo的元素

HTML代码:

<div id="demo">

......

</div>

CSS代码可以这样写,demo就有背景了

#demo { background:url(图片地址)}