CSS盒模型

上代码：

#sample{ MARGIN: 10px 10px 10px 10px; PADDING:20px 10px 10px 20px; BORDER-TOP: #CCC 2px solid; BORDER-RIGHT: #CCC 2px solid; BORDER-BOTTOM: #CCC 2px solid; BORDER-LEFT: #CCC 2px solid; BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom; COLOR: #666; TEXT-ALIGN: center; LINE-HEIGHT: 150%; WIDTH:60%; }

其中sample可以理解为是一个层。

1。BORDER是指层的边框。

2。MARGIN是指层的边框以外留的空白。（外补丁）

3。PADDING是指层的边框到层的内容之间的空白。（内补丁）

如图：