怎样将图片转成css

html-css014

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

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

先写一个类:

.img{

width:图片宽度

height:图片高度

background-img:url(图片地址)

}

然后调用就可以了:

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

CSS替换不了IMG里的SRC,,,

只可以定义IMG的样式而已。

可以通过JS,JQ来实现。

JQ:

$("#ID").attr('src',图片地址)

不知道说的绚丽指的是什么样的,这里说说设置的方法,简单的设置下,比如定个位,设置大小等,具体的css属性可以自己再修改。

<html>

<head>

<style>

.imgs{position:absolutewidth:100pxheight:100px}

body{position:relative}

</style>

</head>

<body>

<img src="img地址" / class="imgs">

</body>

<html>