CSS3的盒子模型

盒子模型的内容范围包括：

margin、border、padding、content部分组成

内边距属性

　　padding 设置所有边距

　　padding-bottom 设置底边距

　　padding-left 设置左边距

　　padding-right 设置右边距

　　padding-top 设置上边距

边框的样式

　　border-style 定义了10个不同的非继承样式，包括none

边框的单边框样式

　　border-top-style

　　border-left-style

　　border-right-style

　　border-bottom-style　

边框的宽度

　　border-width

边框单边框的宽度

　　border-top-width

　　border-left-width

　　border-right-width

　　border-bottom-width

边框的颜色

　　border-color

边框单边的颜色

　　border-top-color

　　border-left-color

　　border-right-color

　　border-bottom-color

CSS3边框

　　border-radius 圆角边框

　　box-shadow 边框阴影

　　border-image 边框图片

外边距

　　默认为透明区域，接受任何长度单位、百分数值

　　常用属性

　　　　margin 设置所有边距

　　　　margin-bottom 设置底边距

　　　　margin-left 设置左边距

　　　　margin-right 设置右边距

　　　　margin-top 设置上边距

合并以多的那一部分为准。

 

转载于:https://www.cnblogs.com/nana135/p/6358102.html