Setting Up Borders

In this lesson, we will learn how to set up borders in our web page using the magic of CSS.

We'll cover the following

A border is simply a line that runs around an element, and it can be rounded at the corners.

You can use the border shorthand notation to set all edges of the box, or use border-top, border-right, border-bottom, or border-left to specify the properties of a particular edge. When setting up the edges of the border, you can specify three individual properties: color, width, and style.

To make the setup a bit more complicated, you can specify these attributes with other notations.

For example, you can specify the border width of all edges with border-width:

Get hands-on with 1200+ tech skills courses.