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;
}

 

转载于:https://www.cnblogs.com/tzhangbo/p/3304008.html