用html做一个简单的靶子

最新推荐文章于 2021-07-20 04:50:50 发布

wwqs

最新推荐文章于 2021-07-20 04:50:50 发布

阅读量1.1k

点赞数 2

分类专栏： html ，css 文章标签： html css

本文链接：https://blog.csdn.net/w12111w/article/details/77586797

版权

html ，css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
border-radius: 100%;
}
.a1{
width: 100px;
height: 100px;
background-color: red;
}
.a2{
width: 100px;
height: 100px;
background-color: yellow;
padding: 50px;
}

.a3{
width: 200px;
height: 200px;
background-color: blue;
padding: 50px;
}
.a4{
width: 300px;
height: 300px;
background-color: green;
padding: 50px;
}
.a5{
width: 400px;
height: 400px;
background-color: pink;
padding: 50px;
}
</style>
</head>
<body>
<div class="a10">
<div class="a9">
<div class="a8">
<div class="a7">
<div class="a6">
<div class="a5">
<div class="a4">
<div class="a3">
<div class="a2">
<div class="a1"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>