Before the end of this tutorial I am going to show you two more properties.

1. Rounded corners

By adding one more property you can make rounded corners that will look like this:

The code for rounded corners is: border-radius: 10px;

So, your code will now look like this:

Note: By changing the number 10 you can modify how rounded you want your corners to be.

2. Border

One more thing that you could add, is a border.

The code for adding a border is this: border: 1px solid red;

So, your code will now look like this:

The result:

Note: i) The number in the code is responsible for the thickness of the border.
ii) Try replacing solid with dotted or dashed.

We've now reached the end of this tutorial :)
I hope it was helpful for you. If yes please click on the LIKE button below.
If you have any kind of questions, leave a comment and I will come back to you.

Thank you for your time,

Athanasia