- 概述
- 内边距
- 边框
- 外边距
- 外边距合并
- 盒子模型应用
概述
盒子1.png
盒子2.png
内边距
内边距.png
td {
padding-left: 100px;
padding-right: 100px;
padding-bottom: 100px;
}
边框
CSS边框：我们可以创建出效果出色的边框，并且可以应用于任何元素
边框的样式：boder-style 定义了10个不同的非集成样式，包括 none
边框的单边样式：
boder-top-style
boder-left-style
boder-right-style
boder-bottom-style
边框的单边的宽度：
border-top-width
border-left-width
border-right-width
border-bottom-width
对应的有单边框的border color
border-raaius:圆角边框
border-shadow:边框阴影
border-image:边框图片
边框与阴影-code.png
边框与阴影效果.png
外边距
外边距.png
外边距code.png
外边距-.png
外边距合并，以最大的边距为准
