Change the div's border


#1

div {
height: 50px;
width: 100px;
border: 2px solid black;
border-radius: 5px;
background-color: #308014;
border-color: #FF0000
border-width: 4px solid;
margin-top:20px;
margin-right:50px;
margin-bottom:10px;
margin-left:5px;

See the CSS code, What goes wrong?


#2

well, there are multiply problems with your code. you forgot a semi-colon after border-color: #FF0000

There are two proper ways to define border, using the border property, or the individual property's.
border property:

border: 1px dashed red;

individual property's:

border-width: 1px;
border-style: dashed;
border-color: red;

the border property should have 3 values, the individual property's should have one value each. You gave two values to border-width, you can't do that


#3

Thank you for your help,

i've put this code in and it works fine!!

}

div {
height: 50px;
width: 100px;
border: 2px solid black;
border-radius: 5px;
background-color: #308014;
margin-top:20px;
margin-right:50px;
margin-bottom:10px;
margin-left:5px;
border-color: #FF0000;
border-width: 4px;
border-style: solid

}