Чтобы создать прямоугольный блок в CSS, вы можете использовать несколько методов. Вот несколько часто используемых подходов:

Метод 1. Использование свойства border

.rectangle-box {
  width: 200px;
  height: 100px;
  border: 1px solid black;
}

Метод 2: использование свойства «outline»

.rectangle-box {
  width: 200px;
  height: 100px;
  outline: 1px solid black;
}

Метод 3: использование свойства box-shadow

.rectangle-box {
  width: 200px;
  height: 100px;
  box-shadow: 0 0 0 1px black;
}

Метод 4. Использование свойства «background»

.rectangle-box {
  width: 200px;
  height: 100px;
  background: black;
}

Метод 5. Использование свойства border-radius для закругленных углов

.rectangle-box {
  width: 200px;
  height: 100px;
  border: 1px solid black;
  border-radius: 5px;
}

Это всего лишь несколько примеров. Существует множество других способов создать прямоугольный блок в CSS. Вы можете настроить размеры, цвета и другие свойства в соответствии со своими потребностями.