CSS入门到实践（三）

CSS盒子模型

内边距：

• padding:100px //所有内边距
• padding-top:100px //上边距
• padding-left:100px //左边距
• padding-bottom:100px //下边距
• padding-right:100px //右边距

边框：

• border-style:none //边框样式
• border-top-style:dotted
• border-left-style:dotted
• border-right-style:dotted
• border-bottom-style:dotted
• border-width:10px (包括上下左右)
• border-color:red （包括上下左右）
• border-radius:1px //圆角边框
• box-shadow:10px 10px 5px red; //边框阴影
• border-image:url(1.jgp) //边框图片

外边距：

• margin:2px
• margin-left:1px
• margin-right:1px
• margin-top:1px
• margin-bottom:1px
  注意: 两个相邻盒子的外边距会进行合并，合并按最大的外边距进行合并，比如：50px,100px,最后合并为100px