
HTML/CSS Создать на странице красный блок и изменить его размеры с помощью псевдоклассов


Ответы на вопрос

Ответ:
вот так к примеру
Объяснение:
.block {
position: relative;
width: 300px;
height: 300px;
background-color: red;
}
.block:hover {
width: 200px;
height: 200px;
}



Вы можете создать красный блок на странице с использованием HTML и CSS, а затем изменить его размеры с помощью псевдоклассов. Вот пример кода:
html<!DOCTYPE html>
<html>
<head>
<style>
.red-block {
width: 200px;
height: 100px;
background-color: red;
}
.red-block:hover {
width: 300px;
height: 150px;
}
</style>
</head>
<body>
<div class="red-block"></div>
</body>
</html>
В этом примере мы создаем блок с классом "red-block", устанавливаем его исходные размеры в 200px по ширине и 100px по высоте, а также задаем красный цвет фона с помощью background-color: red;
. Затем, с использованием псевдокласса :hover
, мы изменяем размеры блока при наведении курсора на него на 300px по ширине и 150px по высоте.
Вы можете настроить размеры блока по своему усмотрению, изменяя значения width
и height
в CSS-правилах.


Похожие вопросы
Топ вопросов за вчера в категории Информатика







Последние заданные вопросы в категории Информатика
-
Математика
-
Литература
-
Алгебра
-
Русский язык
-
Геометрия
-
Английский язык
-
Химия
-
Физика
-
Биология
-
Другие предметы
-
История
-
Обществознание
-
Окружающий мир
-
География
-
Українська мова
-
Информатика
-
Українська література
-
Қазақ тiлi
-
Экономика
-
Музыка
-
Право
-
Беларуская мова
-
Французский язык
-
Немецкий язык
-
МХК
-
ОБЖ
-
Психология
-
Физкультура и спорт
-
Астрономия
-
Кыргыз тили
-
Оʻzbek tili