圆形：
.roundness{
width: 38px;
height: 38px;
border-radius: 38px;
background-color: blue;
border: 1px solid #333333;
}
三角形：
.little-title{
width: 0;
height: 0;
border-width: 15px;
border-style: solid;
border-color: #FF7800 transparent transparent #FF7800;
}
3、菱形
.diamond {
width: 100px;
height: 100px;
background-color: red;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
/* Internet Explorer */
-moz-transform: rotate(45deg);
/* Firefox */
-webkit-transform: rotate(45deg);
/* Safari 和 Chrome */
-o-transform: rotate(45deg);
/* Opera */
}
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/tech/pnotes/13935.html