每个客户都会提出在网站中添加大量的图片，这样网站才显得美观、直观，所以我们网站设计师每天都离不开对图片的添加处理，经高手指点，我有两个绝招，一般人我不轻易告诉他哦，但现在心情非常舒畅，想和大家一道分享：

两种添加图片的方式：方法一：通过<img>标签直接插入到html中；方法二：通过css背景属性来添加。

那么怎样判断添加图片方式呢？一般来说，装饰性的图片，主要是通过背景图片添加。对于用户图片，主要是通过插入形式添加。如果有若干个状态的效果图片，一般是通过背景图片添加。

下面讲讲背景图片定位决定因素：一是设置背景图片宽度和高度，二是要定义背景图片（background-image），三是背景图片是否重复（background-repeat）。

关于背景图片定位（background-position）的原理：

A.  语法：Background-position:水平位置 垂直位置

B.  水平位置/垂直位置设置方法：

1）  数值（px）正负值都可以

2）  百分比（%）范围：0%—100%

3）  关键词：水平位置：left(左)  center(中)  right(右)

网站设计垂直位置：top(上) center(中) bottom(下)。应当注意：当只设置一个值的时候：代表水平位置，垂直位置默认居中。