Border-radius


#1

why border-radius only worked whnet i repeated the selector?

div {
height: 50px;
width: 120px;
border-color: #6495ED;
background-color: #BCD2EE;
border-style: solid;
border-width: 2px;
}
div {
border-radius: 5px;
}


#2
div {
height: 50px;
width: 120px;
border-color: #6495ED;
background-color: #BCD2EE;
border-style: solid;
border-width: 2px;
border-radius: 5px;
}

You don't have to repeat the selector. Just put border-radius inside the first one. I tested to see if there are any bugs, but works fine. It could be about your browser's zoom setting. If it doesn't work, try resetting zoom by pressing CTRL+0.