Oops, try again. Is your border color #6495ED?


#1

div{
height:50px;
width:120px;
border-color: #6495ED;
background-color: #BCD2EE
}
Am I doing something wrong?


#2

I'm not sure on wich of the 6 lessons you're stuck on but I suspect lesson 2.Drawing your button.

The problem isn't that you don't set a border-color but that you forget to make your border visible with border-width and border-style.
Also on the last line "background-color: #BCD2EE" there is a semicolon ( ; ) missing.


#3

Okay I'm running into the same issue, but I have the border-style and border-width addressed. Did I do this wrong?

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


#4

You've forgotten a semicolon.

div {
height: 50px;
width: 120px;
border-width: 1px;
border-style: solid               <- here
border-color: #6495ED;
background-color: #BCD2EE;
}

I've tested it, that should be all.


#5

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

This is my code, but it gives me an error message about the border color being wrong. What's my error???


#6

Hey @creat,

You are using two different ways to set the borde properties:

border-color:#6495ED;
border:2px solid;

First you set the border color to be #6495ED.
Then you set border: [width] [style] [color]; to be 2px in width and solid in style. But you didn't set the color, so the color is set to default, black in this case.
The previous color is overridden.


To fix this, you can do one of two things:

1) Change the order of defining the properties:
Define the border-color: #6495ED; after border:2px solid;

2) Get rid of border-color and fully use the border notation:
Like: border: 2px solid #6495ED;


#7

Hi! I'm currently working on this code and I'm stuck at this point:
div{
height:50px;
width:120px;
background-color:#BCD2EE;
border:2px solid #6495ED;
}

It keeps telling me I have the wrong border color. Is something wrong?