完整的一个边框是将一个小的盒子按照对角线平均分成四份的,如:
在用伪类给一个盒子下方添加小三角时,可以按照给其不同的方向设置transparent颜色属性来制作不同的形状。伪类元素after和before是所要添加的相应位置,content是在相应位置所要添加的内容,若为空,即只添加边框形状。
.box2:after{
content:"";border-width:20px;border-style:solid;border-color:red blue yellow green;}
/*border-width是边框宽度,可用来设置图形的大小,此处的结果如上图*/
.box2:after{
content:"";border-width:20px;border-style:solid;border-color:red blue transparent transparent;}
/*通过这个可以绘制处一个下图一样的小三角*/