一.邊框的形狀
設(shè)置邊框的四個邊不同顏色，同時加粗邊框
div{
width: 300px;
height: 300px;
border:50px solid red;
border-color: black blue green pink;
}
梯形邊框
此時邊框是梯形的！
減小容器div的寬和高，直至為0
div{
width: 0px;
height: 0px;
border:50px solid red;
border-color: black blue green pink;
}
邊框2.png
此時邊框成為三角形！
二.利用邊框特性畫三角形
只需要讓其他三個角的顏色和背景色相同，留下一個三角即可
div{
width: 0px;
height: 0px;
border:50px solid red;
border-color: white white red white;
}
邊框3.png
三.利用邊框特性畫圓
border-radious 給div元素添加圓角的邊框
div{
width: 100px;
height: 100px;
border:1px solid red;
border-radius: 10px;
}
邊框4.png
當border-radius的值大于等于width和heigh(width=height)值的一半時，就成為一個圓
邊框5.png
