Add Borders Around Your Elements

Рамки (border) в CSS имеют такие свойства, как style , color и width Например, если бы мы хотели создать сплошную красную рамку с шириной 5 пикселей вокруг элемента HTML, мы могли бы использовать этот стиль:

<style>
  .thin-red-border {
    border-color: red;
    border-width: 5px;
    border-style: solid;
  }
</style> 

Создайте стили для класса thick-green-border. Не забудьте указать этот класс изображению. Этот стиль должен добавить сплошную зелёную рамку шириной 10px вокруг элемента HTML. Примените этот стиль к фотографии вашего кота. Помните, что вы можете указать несколько классов элементу с помощью его атрибута class, вставляя пробелы между именами классов. Например: <img class="class1 class2">

Заметка: хотя здесь в примере приводится три отдельных свойства border-width, border-style и border-color, все их можно записать одним коротким правилом:

border: 5px solid red;