Добавьте рамки вокруг ваших элементов
Рамки (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;