由于时间紧迫 所以 发布一段这样的代码 望见谅
源代码
<!DOCTYPE html>
<html>
<head>
<style>
.rose {
width: 200px;
height: 200px;
background-color: #F00;
border-radius: 50%;
position: relative;
}
.rose:before,
.rose:after {
content: "";
position: absolute;
border-radius: 50%;
}
.rose:before {
width: 125px;
height: 125px;
background-color: #F0F;
top: 25px;
left: 25px;
}
.rose:after {
width: 100px;
height: 100px;
background-color: #FF0;
top: 50px;
left: 50px;
}
</style>
</head>
<body>
<div class="rose"></div>
</body>
</html>