空心圆代码如下:
<!DOCTYPE html>
<html>
<head>
<style>
#{
padding: 0;
margin: 0;
}
#one{
width: 300px;
height: 300px;
background:red;
border-radius: 50%;
float: left;
position: fixed;
}
#two{
width: 100px;
height: 100px;
background:white;
border-radius:50px;
float: left;
position: fixed;
left:110px;
top:110px;
}
</style>
</head>
<body>
<div id="one"></div>
<span id="two"></span>
</body>
</html>