CSS border详解+padding详解+margin详解

border篇：

Document
		

			"box">
		

注意一下：

要有边框先有宽高啊. 效果：

Document
		

			"box">
		

特点： 记住哈,一个所谓的边框必须有三样. 第一;这个边框是什么颜色的. 第二：这个边框的样式是什么样的？ 第三;这个边框有多少的厚度.

举个例子把好吧. 如果只有上 右 下的话,左边与右边一样. 如果只有上 右的话,上下一样,左右一样. 如果只有上的话,三边都和上一样.

效果;

padding+margin篇：

Document
		

			"box1">我是本来的.
		

		
		
		

			"box2">我是文字我是文字我是文字我是文字我是文字我是文字我是文字
		

		
		
		

			"box3">我是文字我是文字我是文字我是文字我是文字我是文字我是文字
		

		
		
		

			"box4">我是文字我是文字我是文字我是文字我是文字我是文字我是文字
		

		
		
		

			"box5">我是文字我是文字我是文字我是文字我是文字我是文字我是文字
		

		
		
		

			"box6">我是文字我是文字我是文字我是文字我是文字我是文字我是文字
		

注意一下; 举个例子把好吧. 如果只有上 右 下的话,左边与右边一样. 如果只有上 右的话,上下一样,左右一样. 如果只有上的话,三边都和上一样.

效果;是不是位置没变啊.是吧。

46-外边距属性"box1">我是span"box2">我是span"box3">我是span
		

			"box4">
		

注意一下, 如果只有上 右 下的话,左边与右边一样. 如果只有上 右的话,上下一样,左右一样. 如果只有上的话,三边都和上一样.

效果：

外边距合并现象:

47-外边距合并现象"hezi1">我是span"hezi2">我是span
		

			"box1">我是div
		

		

			"box2">我是div
		

记住,

看第一张与第二张图片。是水平方向的,会出现累加的外边距. 看第三张与第四张图片是最大的那个外边距说了算.