Чтобы создать прямоугольник в HTML и CSS, вы можете использовать блочный элемент и добавить стили для определения ширины, высоты, цвета и границы.
HTML-код для простого прямоугольника:
<div></div>
CSS-код для стилизации прямоугольника:
div {
width: 200px; /* Ширина прямоугольника */
height: 100px; /* Высота прямоугольника */
background-color: red; /* Цвет фона прямоугольника */
border: 2px solid black; /* Граница прямоугольника */
}
Вы можете изменить значения ширины, высоты, цвета и границы в соответствии с вашими требованиями. Кроме того, вы можете использовать другие свойства CSS, такие как border-radius
, чтобы изменить закругленность углов прямоугольника, и box-shadow
, чтобы добавить тени вокруг него.