Add Borders Around Your Elements
CSS borders have properties like style, color and width.
For example, if we wanted to create a red, 5 pixel border around an HTML element, we could use this class:
<style>
.thin-red-border {
border-color: red;
border-width: 5px;
border-style: solid;
}
</style>
Create a class called thick-green-border. This class should add a 10px, solid, green border around an HTML element. Apply the class to your cat photo.
Remember that you can apply multiple classes to an element using its class attribute, by separating each class name with a space. For example:
<img class="class1 class2">
Tests
- Waiting: 1. Your
imgelement should have the classsmaller-image. - Waiting: 2. Your
imgelement should have the classthick-green-border. - Waiting: 3. Your image should have a border width of
10px. - Waiting: 4. Your image should have a border style of
solid. - Waiting: 5. The border around your
imgelement should be green.
/** * Your test output will go here */