Question

这只适用于顶级边框，任何人都可以帮助我吗？

      <!DOCTYPE html>
      <html>
      <body>
      <backround-color:green;
      </body>
      <div><border-radius : 15px ;></div>
      </html>

Answer 1

<!doctype html>
<html>
    <head>
        <style>div { border-radius:15px; border:1px solid black; }</style>
    </head>
    <body>
        <div>This div has rounded corners.</div>
    </body>
</html>

Answer 2

首先，您需要使用element，id或class对您的元素进行同步：

HTML：

<div class="rounded"></div>

CSS：

.rounded{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

DEMO：http://jsfiddle.net/sq5Lmwrs/

您还可以使用border-radius left，right，top和bottom：https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

您也可以使用此链接生成您想要的内容http://border-radius.com

我怎么能用CSS添加圆角边框

2 个答案: