Чередуючіся квадрати
Створіть набір квадратів, у яких змінюється колір заливки (рис. 1). При наведенні на будь-який квадрат його колір змінюється на помаранчевий (рис. 2).
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Квадрати</title>
<style>
div {
width: 70px; height: 70px;
display: inline-block;
margin-right: 5px;
}
div:hover { background: #ff9f19; }
.b { background: black; }
.r { background: #009abf; }
</style>
</head>
<body>
<div class="b"></div>
<div class="r"></div>
<div class="b"></div>
<div class="r"></div>
<div class="b"></div>
</body>
</html>