网页中的最外边有这一圈边框的CSS样式是什么，麻烦说具体下，学习了。

产生图中效果的方法有很多种，或许你看到的是边框的样子，但他却不一定是使用边框写的~！

1.边框 border

如随缘的回答，就是设置border的值就可以了~如：

.div {border:30px #c00 solid}

注意：如果div的宽度为500px，那么你在定义div的宽度的时候需要减去边框的宽度。即：500-(30*2)=440.

2.内边距 padding

也可以使用2个div嵌套实现。如：

.div_a {width:500pxbackground:#c00padding:30px}

.div_b {background:#fff}

html部分则为：

<div class="div_a">

<div class="div_b"></div>

</div>

这种方法适合需要对内部的白色区域设置其他效果的时候，如阴影，边框等~

3.间距 margin

也可以使用间距达到上图的效果，这种方法适合宽度固定的情况下使用！如，某个区域中有很多类似白色区域的元素，你希望可以阵列排布且让他们之间是等距离的，则可以使用下面的方式：

.div_box {background:#c00padding-top:30px}

.div_item {width:300pxheight:400pxbackground:#fffmargin-left:30pxmargin-bottom:30px}

一般说产生这种效果的就大致上面的三种方法，可以根据实际情况来使用！

有两种方法：

方法1：

双击矩形工具就会出现一样的框了

方法2：

双击页面后面阴影。

然后点击添加页框就有了。

---