Как сделать закругленный угол экрана веб-страницы, как в смартфоне Android?

Question

Я хочу сделать закругленный угол экрана на веб-странице, как на смартфоне Android.

Например: https://img.gadgethacks.com/img/73/43/63501814144009/0/get-rounded-screen-corners-your-samsung-galaxy-s3-other-android-device.w1456.jpg

Я искал различные учебники в Интернете, но у меня естьне найдено результатов.

Пожалуйста, помогите._ / _

Answer 1

Одним из способов является использование CSS.Я предполагаю, что вы ищете свойство "border-radius".Вот как это написано, а также ссылка, где вы можете найти больше информации.

#example1 {
  border: 2px solid red;
  border-radius: 25px;
}

#example2 {
  border: 2px solid red;
  border-radius: 50px 20px;
}

https://www.w3schools.com/cssref/css3_pr_border-radius.asp