盒模型的小练习

这是我做的一个盒模型的一个小案例，我就简单的说一下吧。

首先在源代码里面，几个div在给他一个类，每一个div里面不能写重复的类名，写好之后在到css那里写一些样式。

我先截图上部分的来说明，上面那个大的正方形背景给他宽度高度在设置他的背景颜色为橘色，然后在设置他垂直居中就到了中间的这个地方，第二个的虚线是设置他的宽度和高度，然后在设置他的边框属性，之后在移动他的位置上下为-530，左右为auto（居中）。下面的是设置宽跟高，然后在设置他的背景颜色为桃红色，之后在给他一个实线变框就弄好了这一步。

我在说一下，下面的写法，先设置他的宽度和高度，在设置他的背景颜色然后在移动他的位置，之后在给背景图形设置一个边框颜色都为白色，就弄好了一个图形，其他的也都是差不多的写法，只是改变了一下背景颜色而已。