CSS
语言:
CSSSCSS
确定
body {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#5b8eec), color-stop(4%, #fff)) 0 -1px;
background: -webkit-linear-gradient(top, #5b8eec 0%, #fff 8%) 0 -1px;
background: -moz-linear-gradient(top, #5b8eec 0%, #fff 8%) 0 -1px;
background: -ms-linear-gradient(top, #5b8eec 0%, #fff 8%) 0 -1px;
background: -o-linear-gradient(top, #5b8eec 0%, #fff 8%) 0 -1px;
background: linear-gradient(top, #5b8eec 0%, #fff 8%) 0 -1px;
background-size: 100% 20px;
overflow: hidden;
}
#circle {
width: 400px;
height: 400px;
border-radius: 50%;
background: white;
position: absolute;
top: 50%;
left: 50%;
margin-left: -200px;
margin-top: -200px;
overflow: hidden;
}
.line {
border-radius: 50%;
border: 1px solid #5b8eec;
position: absolute;
margin-left: -100px;
width: 600px;
left: 0px;
}
.one {
height: 53px;
top: 173px;
}
.two {
height: 105px;
top: 147px;
}
.three {
height: 153px;
top: 123px;
}
.four {
height: 201px;
top: 99px;
}
.five {
height: 244px;
top: 77px;
}
.six {
height: 283px;
top: 58px;
}
.seven {
height: 317px;
top: 41px;
}
.eight {
height: 348px;
top: 25px;
}
.nine {
height: 375px;
top: 12px;
}
.ten {
height: 400px;
top: 0px;
}
.center {
border-bottom: medium none transparent;
height: 23px;
top: 197px;
}