设置完border后，让我们设置另一个重要属性padding内边框，它指相片距离相框的距离是多少。

设置padding

我们仍然以第一相片为例，进行内边距的设置。

参考上图，我们给出适当的值，比如上下各8px,左右各12px。

                    <!-- 1.1.1.1 -->
                    <div class="left photoBorder" style="padding:8px 12px;"><img src="1.png" /></div>

在确定一些数值时，特别是在初期，我们往往需要进行很多次的调整，这是非常正常的现象。

我们对盒子的属性进行设置时，是由上开始，按顺时针的方向依次设置。即：上、右、下、左。

如果只设置一个值：8px，表示示上右下左右均为8px。

如果设置了两个值：8px 12px, 表示上、下为8px，右、左为12px。

如果设置了三个值：8px 12px 16px，表示上8px, 右、左12px, 下16px。

如果设置了四个值，则按上右下左的顺序依次进行对应。

效果：