网站周围的圆角边框

Question

我的整个网站都有边框，效果很好，现在我怎样才能让它有圆角，我试过了：

border-radius: 25px

但它不起作用，这是正常的边框代码，但我需要将它四舍五入：

.ct, .cb, .cr, .cl {
border-radius: 25px
background-color: #ffffff;
    position: fixed;
    z-index: 99999;
}
.ct {
border-radius: 25px
  top: 0;
  right: 0;
  left: 0;
  height: 20px;
}
.cr {
border-radius: 25px
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
}
.cb {
border-radius: 25px
  bottom: 0;
  right: 0;
  left: 0;
  height: 20px;
}
.cl {
border-radius: 25px
  top: 0;
  left: 0;
  bottom: 0;
  width: 20px;
}

提前致谢

Answer 1

不要使用 div 作为边框，只需使用border: size type color;

https://jsfiddle.net/dcLbza26/

html {
  height: 100vh;
  border: 20px solid red;
  border-radius: 25px;
}