用html制作一个简单的五环

最新推荐文章于 2023-11-05 16:05:32 发布

wwqs

最新推荐文章于 2023-11-05 16:05:32 发布

阅读量2.8k

点赞数 2

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

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

版权

html ，css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 100px;
height: 100px;
background-color: transparent;
border: 10px solid ;
border-radius: 110px;
}
.a1{
border-color: blue;
}
.a2{
border-color:black;
margin-top: -120px;
margin-left: 130px;
}
.a3{
border-color: yellow;
margin-top: -120px;
margin-left: 260px;
}
.a4{
border-color: red;
margin-top:-60px;
margin-left: 55px;
}
.a5{
border-color: green;
margin-top: -120px;
margin-left: 185px;
}
</style>
</head>
<body>
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
<div class="a4"></div>
<div class="a5"></div>
</body>
</html>