边框border
border: [border-width ||border-style ||border-color |inherit] ;
.box {
border-width: 1px;
border-color: red;
border-style: solid; /* dotted dash*/
}
/* 简写 */
.box2 {
border: 1px dotted #ccc;
}
使用边框做三角形
.triangle{
height:0;
width:0px;
border-top:solid 100px red;
border-left:solid 100px green;
border-right:solid 100px transparent;
border-bottom:solid 100px blue;
}
border-radius
border-radius 属性用于给元素添加圆角或者⚪
.⚪{
width: 100px;
height: 100px;
border: 1px solid black;
border-radius: 5px;
border-radius: 50px; /* 宽高一半 */
border-radius: 50%;
}
border-collapse
border-collapse 属性用于设置表格边框是分开