The border property can be used to visually define a page element’s outer edge.
In CSS, the border property’s value requires three parts:
thickness: Sets the thickness of the border, using pixels, ems, or rems.
type: Sets the border type. Common options are
solid
,dotted
, anddashed
. There are many others.color: Sets the border’s color, using named colors, HEX, or RGB values.
The CSS below gives a paragraph element a solid black border that is 2 pixels thick:
p { border: 2px solid black; }
Instructions
The web browser currently displays Tundra Gallery’s homepage. Let’s give each gallery item a border.
In main.css locate the .gallery-item
class selector. Add border: 5px solid #FFF;
, like so:
.gallery-item { border: 5px solid #FFF; }
Run your code to see borders around each figure with the class gallery-item
in the web browser.