Как сделать прямоугольник в html css

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

HTML-код для простого прямоугольника:

<div></div>

CSS-код для стилизации прямоугольника:

div {
  width: 200px; /* Ширина прямоугольника */
  height: 100px; /* Высота прямоугольника */
  background-color: red; /* Цвет фона прямоугольника */
  border: 2px solid black; /* Граница прямоугольника */
}

Вы можете изменить значения ширины, высоты, цвета и границы в соответствии с вашими требованиями. Кроме того, вы можете использовать другие свойства CSS, такие как border-radius, чтобы изменить закругленность углов прямоугольника, и box-shadow, чтобы добавить тени вокруг него.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать прямоугольник в html css

Наш специалист свяжется с вами в ближайшее время и уточнит детали