rounded corners border around website

Question

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

I don't see any border definitions. Without that, it won't do anything. — Gerard, Jun 08 '17 at 14:01
I added : border-radius: 25px; to each of these,but doesnt work for some reason. no clue why — nellement, Jun 08 '17 at 14:03
Can't you use html { border: 20px solid color; } for your border instead of this? — Fiffe, Jun 08 '17 at 14:05
Hi guys,heres what happens when I add radius on it : http://imgur.com/a/KM3KB I want that inner part rounded and outside to stay filled — nellement, Jun 08 '17 at 14:09

score 1 · Answer 1 · answered Jun 08 '17 at 14:06

1

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

answered Jun 08 '17 at 14:06

Fiffe

1,196
2
13
23

awesome I will try it out now – nellement Jun 08 '17 at 14:10
Tried it works,but how can inner part also be rounded? Inner corners,heres the image that shows how it looks now : http://imgur.com/a/KM3KB – nellement Jun 08 '17 at 14:15
You can find some good answers here: https://stackoverflow.com/questions/4839613/how-to-make-round-corners-to-both-inside-of-a-box-and-its-border – Fiffe Jun 08 '17 at 14:16
This code I tried and it works : http://jsfiddle.net/DXLr9/ now how can i fill this part that shown on this screenshot : http://imgur.com/PHdr8Qa 2. Issue I have is all inside border is not clickable anymore,all pics inside it,dont know why – nellement Jun 08 '17 at 15:00

rounded corners border around website

1 Answers1