html5 div呈圆形 扇形显示的样式

不知道这个算不算,不过css3在实际应用中确实没有js框架来的方便,IE的市场份额还是最大的,微软还没有打算完全支持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;
}

相关推荐