html5 中制作圆形 渐变颜色

<div id="div4">div>

        

在style 中 设置  div 的属性

#div4{ 
				width: 160px;                        //宽
				height: 160px;                      //高
				background-color: pink;            //颜色
				border-radius: 80px;              //半径
				box-shadow: 2px 2px 2px blue;    //阴影部分
				background-image: -webkit-linear-gradient(left,red,blue,green,pink);  //渐变颜色 从左开始颜色--
			}