CODEWITHSUNDEEP
cssborderrounded-corners
nellement
nellement

Reputation: 21

rounded corners border around website

I have border around whole website and it works great,now how can I make it have rounded corners,I've tried : 

border-radius: 25px

but it doesnt work,and heres the normal border code that works but I need it rounded :

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

Thanks in advance

Upvotes: 1

Views: 939

Answers (1)

Fiffe
Fiffe

Reputation: 1256

Instead of using div's as borders just use border: size type color;

https://jsfiddle.net/dcLbza26/

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

Upvotes: 1

Related Questions