Borders

We can also add borders to elements.

Try adding the following to the first image:

Before - Replace this code

/* Your CSS here */

header img {
	height: 100px;

}

After - Updated code

/* Your CSS here */

header img {
	height: 100px;
	border: 1px solid #000000;
}

Test

You should see a thin black border appear around the first image.

border: 1px solid #000; is short hand for “create a border that is 1px wide, solid and black.

Challenge!

Try changing the width and colour of the border.

Challenge!

There are several different border styles - here's a list of them. Try changing the style of the border.

Challenge!

Add a border to each card.

Here’s what your page should look like so far: