首页 > html > border > Effect - 如何将底部左下和右下边框变圆

Effect - 如何将底部左下和右下边框变圆

border 【border】
我们想知道如何将底部左下和右下边框变圆。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.dc-slick {
  border: 3px solid #F6C;
  right: 0px;
  left: 0px;
  position: fixed;
  border-bottom-left-radius: 30px 30px;
  border-bottom-right-radius: 30px 30px;
  z-index: 10001;
  margin-top: 0px;
  background: black;
}

.dc-slick-content {
  color: white;
  z-index: 9999;
  width: 100%;
  height: 200px;
}
</style>
</head>
<body>
  <div class="dc-slick">
    <div class="dc-slick-content">test</div>
  </div>
</body>
</html>