盒子模型
正如其名,我们将HTML标签写出的元素的一个统一的描述。我们可以将抽象的HTML元素具体化到盒子上。
margin
border
css边框可以创建出色的边框,并且可以应用于任何元素。
- border-style 定义了10种不同的非继承样式,包括none
double dotted groove dashed inset outset - border-top-style
- border-bottom-style
- border-left-style
border-right-style
border-color 定义边框的颜色
- border-top-color
- border-bottom-color
- border-left-color
border-right-color
border-width 定义边框的宽度
- border-top-width
- border-bottom-width
- border-left-width
- border-right-width
CSS3本身提供的边框
- border-radius 圆角边框
- box-shadow 边框阴影
- border-image 边框图片
padding
- padding 设置所有边距
- padding-bottom 设置底边距
- padding-left 设置左边框
- padding-right 设置右边框
- padding-top 设置上边框