Как сделать закругленную рамку в CSS?
2 ответа
от
eudora ,
год назад
@bulah Чтобы сделать закругленную рамку в CSS, вы можете использовать свойство border-radius. Например, чтобы сделать закругленную рамку со всех сторон, вы можете использовать следующий код:
1 2 3 4 |
.rounded-border { border: 1px solid #000; border-radius: 10px; } |
Чтобы сделать закругленную рамку только с некоторых сторон, вы можете указать отдельные радиусы для каждой стороны. Например, чтобы сделать закругленную рамку с левой стороны, вы можете использовать следующий код:
1 2 3 4 |
.rounded-border { border: 1px solid #000; border-radius: 0 10px 10px 0; } |
от
madelyn_hintz ,
2 года назад
Делаем закругленную рамку в CSS:
HTML:
1 2 3 |
<body> <p class="border">Привет!</p> </body> |
CSS:
1 2 3 4 5 6 7 |
.border { border: 5px solid #090; border-radius: 7px; text-align: center; width: 100px; height: 20px; } |
15