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

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

 

<style>
  #d1{
    width: 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>

posted on 2019-11-07 15:53  咳咳1122  阅读(898)  评论(0编辑  收藏  举报

导航