- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Пользовательские свойства. Знакомство</title>
<link rel="stylesheet" href="card.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<article class="card">
<img class="card__image" src="karpovka-400.jpg" width="200" height="100" alt="Набережная Карповки">
<div class="card__content">
<h2 class="card__title">Набережная Карповки</h2>
<p class="card__description">
Одно из живописных мест Санкт-Петербурга, идеально подходящее для прогулок.
</p>
<a class="card__button" href="#">Узнать больше</a>
</div>
</article>
</body>
</html>
CSS
:root {
}
body {
background-color: var(--page-color);
}
.card {
--color: #3370ce;
}
.card__title {
color: ;
}
.card__button {
background-color: ;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
- Образец
- Результат
- Наложение
- Различия
- ?
Нажмите кнопку «Сравнить», чтобы отправить ваше решение на проверку.
0