- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Декоративные свойства</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Красивые оповещения</h1>
<p>Чтобы создать красивое сообщение-оповещение, нужно подобрать подходящие цвета текста и фона.</p>
<div class="alert">
Используйте CSS для оформления элементов.
</div>
</body>
</html>
CSS
.alert {
padding: 10px;
border: 1px solid #d6e9c6;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
Завершим блок-оповещение:
- Добавьте в CSS-правило для класса
alertсвойствоbackground-color: #dff0d8;, - затем свойство
color: #468847; - и свойство
border-radius: 5px;.