I bordi CSS hanno proprietà come `style`, `color` e `width`.
Per esempio, se volessimo creare un bordo rosso di 5 pixel attorno ad un elemento HTML, potremmo usare questa classe:
```html
<style>
.thin-red-border {
border-color: red;
border-width: 5px;
border-style: solid;
}
</style>
```
# --instructions--
Crea una classe chiamata `thick-green-border`. Questa classe dovrebbe aggiungere un bordo di 10px, solido e verde intorno ad un elemento HTML. Applica la classe alla foto del gatto.
Ricorda che puoi applicare più classi a un elemento usando il suo attributo `class`, separando ogni nome di classe con uno spazio. Per esempio:
```html
<imgclass="class1 class2">
```
# --hints--
Il tuo elemento `img` dovrebbe avere la classe `smaller-image`.
```js
assert($('img').hasClass('smaller-image'));
```
Il tuo elemento `img` dovrebbe avere la classe `thick-green-border`.
```js
assert($('img').hasClass('thick-green-border'));
```
La tua immagine dovrebbe avere uno spessore del bordo di `10px`.
<ahref="#"><imgclass="smaller-image"src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"alt="A cute orange cat lying on its back."></a>
<ahref="#"><imgclass="smaller-image thick-green-border"src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"alt="A cute orange cat lying on its back."></a>