呼吸灯（静态）

最新推荐文章于 2022-08-26 21:51:02 发布

Good_luck00

最新推荐文章于 2022-08-26 21:51:02 发布

阅读量90

点赞数

本文链接：https://blog.csdn.net/Good_luck00/article/details/107750917

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<style>
    *{
        box-sizing: border-box;
    }
    div.article{
        width:250px;
        height:350px;
        background-color: black;
        margin:0 auto;
    }
   div.top{
       width:250px ;
       height:250px ;
       padding:20px;
}
   div.text{
       color:#fff;
       text-align:center;
       
 }
   div#outer{
       height:100%;
       border:5px solid #ccc;
       border-radius:50%;
       padding:20%
   }
   div#inner{
       height:100%;
       border:10px solid #fff;
       border-radius: 50%;
   }

</style>
</head>
<body>
    <div class="article">
        <div class="top">
            <div id="outer">
                <div id="inner"></div>
            </div>
        </div>
                    <div class="text">hey!!!</div>
    </div>
</div>
</body>
</html>