css - 网站周围的圆 Angular 边框

Question

我在整个网站周围都有边框而且效果很好，现在我怎样才能让它有圆 Angular ，我试过了:

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;
}