Как сделать прямоугольник в css?
2 ответа
от
neal_bergstrom ,
2 года назад
Прямоугольник в 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 ,
5 месяцев назад
@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; } |
Это создаст прямоугольник с синим фоном и черной рамкой.
15