网页交互图片

JPG（jpeg） 可以展示一张复杂的图片

1. 　　可以表示多达1600万种颜色，即所有的16进制颜色

2. 　　不支持图像透明

3. 　　不支持动画

png 最适合展示网页插画、logo和网页小图标

1. 　　可以表示上百种不同的颜色的图像

2. 　　包括png-8、png-24和png-32

3. 　　可以设置颜色透明

4. 　　不支持动画

GIF 适合展示网页插画。logo和网页小图标

1. 　　可以表示最多256种不同的颜色

2. 　　支持动画

3. 　　可以设置颜色透明

使用png或gif作为用户交互图拍

使用css的background属性展示用户交互图片

建议：把用户交互图片放在同一个文件中，提高网络和服务器的性能

 通过设置超链接的背景图片 加上padding28px的内边距 ，在加上display：inline-block  内联块标签