css3扇形 

.redius{
     border-left:10em solid red;
     border-top:10em solid;
    -webkit-border-top-left-radius:10em;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-topleft:10em;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-bottomleft:0px;
    border-top-left-radius:10em;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    width:0em;
    height:0em;
    padding:0;
    background:#666;
}

 

<div class="redius"></div>

 

 

 

posted @ 2014-12-15 10:08  Shimily  阅读(173)  评论(0)    收藏  举报