圆:宽度 高度与border保持一致
.circle {
border: 2px solid #CCCCCC;
width: 20px;
height: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
三角箭头:
<strong style="float:left; border-style:solid; border-width:10px; border-color:#000 #ccc #ccc #ccc; height:0; width:0; font-size:0"></strong>
通过设置border-color来达到想要的三角箭头的效果。 让其中一个颜色与其它颜色不同,可以调整三角箭头的指向。
或者:
.arrow-up {//向上的三角形
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #eeeeee;
}