边框

border

设置所有边框的宽度(默认是medium)，类型，颜色

p {
  border: 3px solid coral;
}

border-width

border-width属性可以设置盒子模型的边框宽度。

border-style

border-style 是一个 CSS 简写属性，用来设定元素所有边框的样式。

• 只写一项，表示4条边的样式，统一形式
• 写两项，表示上下，左右
• 写三项，按顺序上右下，左与右相同
• 写四项，上下左右各自设置

border-color

CSS属性border-color 是一个用于设置元素四个边框颜色的快捷属性： border-top-color, border-right-color, border-bottom-color, border-left-color

border-radius

CSS 属性 border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。

border-collapse

border-collapse CSS 属性是用来决定表格的边框是分开的还是折叠的。在分隔模式下，相邻的单元格都拥有独立的边框。在合并模式下，相邻单元格共享边框。

div {
    height: 100px;
    width: 100px;
    background-color: lightblue;
    border-style: solid;
    border-width: 2px 4px 6px 8px;
    border-color: red blue;
    border-radius: 50%;
}
td {
    border-style: solid;
    border-width: 3px;
    width: 20px;
    height: 20px;
}
table {
    border-style: solid;
    border-width: 3px;
    border-collapse: collapse;
}