html5圆环

最新推荐文章于 2024-05-06 09:42:44 发布

Zdmzb

最新推荐文章于 2024-05-06 09:42:44 发布

阅读量355

点赞数

本文链接：https://blog.csdn.net/Zdmzb/article/details/105027990

版权

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>圆角边框</title>
  <style>
   body{
    padding:0;
    background-color:#f7f7f7;
   }
   div{
    margin:20px;
    float:left;
   }
   .border-radius{
    width:40px;
    height:40px;
    border:70px solid red;
    border-radius:90px;
   }
   .border-radius1{
    width:0px;
    height:0px;
    border-width:90px;
    border-style:solid;
    border-color:#ff898e #93baff #c89386 #ffb151;
   }
  </style>
 </head>
 <body>
  <div class="border-radius"></div>
  <div class="border-radius1"></div>
 </body>
</html>