源代码:
<!DOCTYPE html>
<html>
<head>
</head>
<style>
.item{
background:red;
border-radius:10px;
height:10px;
width:10px;
position: absolute;
}
.circle{
border:1px solid blue;
border-radius:100px;
height:100px;
width:100px;
position: absolute;
top:100px;
left:100px;
}
.circle2{
border:1px solid blue;
border-radius:100px;
height:200px;
width:200px;
position: absolute;
top:50px;
left:50px;
}
.circle3{
border:1px solid blue;
border-radius:300px;
height:300px;
width:300px;
position: absolute;
top:0px;
left:0px;
}
#centre{
top:145px;
left:145px;
}
#point{
top:95px;
left:145px;
}
#point2{
top:45px;
left:145px;
}
#point3{
top:-5px;
left:145px;
}
</style>
<body>
<div id="point" class="item"></div>
<div id="centre" class="item"></div>
<div class="circle"></div>
<div class="circle2&#