html中圆角方法border-top-left-radius

时常需要圆形或者圆角矩形,那么代码如下:(仅有style与body里小部分代码)

<style>
  #d1{
     200px;
    height: 200px;
    border: 2px solid #00f;
    border-top-right-radius: 10%;
    border-top-left-radius: 10%;
    border-bottom-right-radius: 10%;
    border-bottom-left-radius: 10%;
    }
</style>
 
<body>
  <div id="d1">

  </div>
</body>
原文地址:https://www.cnblogs.com/zmxyl-1437/p/11812627.html