css 文字边框

矩形边框可增加border属性勾绘出一条边线会变成一个圆以及各种不规则矩形形状

如一些三角形啊（可做提示边边角,展开收起等状态）

五六七八边

平行、梯形、菱形

椭圆，半圆，整个园

月牙，狼牙，小铁环

....

甚至于爱心❤

/* 爱心 */

.love {
position: relative;
}
.love:before {
content: "";
width: 70px;
height: 110px;
background: #f00;
position: absolute;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
transform: rotate(45deg);
}
.love:after {
content: "";
width: 70px;
height: 110px;
background: #f00;
position: absolute;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
transform: rotate(-45deg);
left: -30px;
}