怎样将图片转成css

html-css020

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

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

先写一个类:

.img{

width:图片宽度

height:图片高度

background-img:url(图片地址)

}

然后调用就可以了:

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

可以做翻转效果。css鼠标悬停图片旋转淡出可以用来给图片做翻转效果。css指的是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言。

1、如果是个别图片需要插入到网站里,可以在ps里做好后,在div里引用;

2、如果是一整张图,作为一个网站,可以在ps里,用切片工具切成一块块(尽可能的规则,需要加链接的地方,则要切成一整块),然后“保存成web所用格式”(Ctrl+Shift+Alt+S),

→ 图片显示区域,

① 预设:设置保存图片的格式

② 箭头:编辑输出设置

③ 选择“html” 格式(自动生成css代码),选择“切片”格式(自动生成table代码)