css实现三角形 圆形
css实现三角形 工作中用到做个笔记
.tipArrow { /*右边有颜色,其他透明*/ border-color: transparent #e00 transparent transparent; border-style: solid; border-width: 6px 6px 6px 0px; padding: 0; width: 0; height: 0; /* ie6 height fix */ font-size: 0; line-height: 0; /* ie6 transparent fix */ _border-top-color: #dddddd; _border-bottom-color: #dddddd; _filter: chroma( color = #dddddd); }
css实现圆形
.roundness { float:left; display:block; width:150px; height:150px; position:relative; margin-left:35px; background:#F1F7FB; border-radius:75px; border:1px solid #2A7AC2; color:#2A7AC2; font-weight:bold; }