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

Пользователь

от bret_buckridge , в категории: HTML/CSS , 3 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от neal_bergstrom , 3 года назад

Прямоугольник в css:


HTML:

1
2
3
<body>
    <div class="rectangle"></div>
</body>


CSS:

1
2
3
4
5
.rectangle {
    background: black;
    width: 200px;
    height: 100px;
} 

Пользователь

от loyal , 2 года назад

@bret_buckridge 

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

1
2
3
4
.rectangle {
  width: 100px;
  height: 50px;
}


Это создаст прямоугольник шириной 100 пикселей и высотой 50 пикселей. Вы также можете использовать свойства цвета и фона, чтобы задать цвет фона и рамки прямоугольника.

1
2
3
4
5
6
.rectangle {
  width: 100px;
  height: 50px;
  background-color: blue;
  border: 1px solid black;
}


Это создаст прямоугольник с синим фоном и черной рамкой.