css 实现球形渐变

.ball_red li a,.ball_blue li a,.nav p b,.nav p b.show{
	background:-moz-radial-gradient(center bottom,#e4dddd 10%, #f5f2f2);
	background:-webkit-radial-gradient(center bottom,#e4dddd 10%,#f5f2f2);
	border-radius:50%;
	border:solid 1px #e4dddd;
	width:36px;height:36px; display:block; text-align:center; line-height:36px;}
.ball_red li a.on {
	background:-moz-radial-gradient(left top,#e68d8d 0%,#cc0000 );
	background:-webkit-radial-gradient(left top,#e68d8d 0%,#cc0000 );
	border-radius:50%;
	border:solid 1px #e25757;
	color: #fff;
}
.ball_blue li a.on{
	background:-moz-radial-gradient(left top,#9097f0 0%,#283bc6 );
	background:-webkit-radial-gradient(left top,#9097f0 0%,#283bc6 );
	border-radius:50%;
	border:solid 1px #4e5fdd;
	color: #fff;
}

这里实现了一个球形的渐变效果，主要是运用css3中的属性

background:-moz-radial-gradient(center bottom,#e4dddd 10%, #f5f2f2);