Как сделать закругленную рамку в CSS?

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

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

Как сделать закругленную рамку в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@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 , 3 года назад

Делаем закругленную рамку в 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;
}