标签归档：margin

方框属性margin的用法和我们前面讲到的clip属性的用法 比较类式。我们在旅游网站建设时，我们常用div标签来创建一个方型的框架或者称为“盒子”来进行布局时，如果想调整各方框或盒子的间距时就会用到margin属性。 margin属性允许控制元素四周的空白区，也就是它的边框以外的部分。边界总是透明的，允许背景颜色或背景图像透过它显示出来。因此，可以只指定边界的大小：它没有颜色或显示样式。 margin属性和前面讲到的clip属性一样。一共有四个属性值。这四个属性值分别为：margin-left、margin-right、margin-top和margin-bottom属性都接受长度或百分比值。例如： #abc { margin-top: 12px; margin-right: 13px; margin-bottom: 14px; margin-left: 15px; } body里面的第一行：margin-top: 12px; 表示abc这个盒子的上边间距为12像素，第二行：margin-right: 12px;盒子的右边间距为13像素，第三行：margin-bottom: 14px;为盒子的下方间距为14像素。第四行：margin-left: 15px;表示盒子的左边间距为15像素。 我们可以发现盒子的属性值的书写规则是上、右、下、左。需要注意的是margin属性有简写规则。杰酷团队在制作时会经常用简写规则，如示例里的属性我们在旅游网站建设中可以改为： #abc {margin: 12px 13px 14px 15px;} 怎么样，效果不错吧：） 还有一种情况。就是#abc这个盒子里的margin属性值四个都一样时如： #abc { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; … 继续阅读 →