前面的章节中，我们学习了设置border与padding，本节中，我们学习盒子模型中最后一个重要的属性margin。

margin即外边距，指这个盒子 上右下左 距离相邻盒子的最小满足距离。

我们仍然以第一个盒子为例，来进行margin的设置:

参考上图，我们给出适当的值，比如上：20px, 右、左各10px, 下10px。

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

效果：

设置其它照片

我们采取同样的方法，依次进行设置。

代码略。

参考：

菜鸟教程