如何在 Android 智能手机中制作圆角网页？

【问题标题】：How to make rounded screen corner web page like in an Android smartphone?如何在 Android 智能手机中制作圆角网页？
【发布时间】：2019-07-01 09:00:58
【问题描述】：

我想在网页上制作圆角屏幕，就像在 Android 智能手机中一样。

例如：https://img.gadgethacks.com/img/73/43/63501814144009/0/get-rounded-screen-corners-your-samsung-galaxy-s3-other-android-device.w1456.jpg

我在网上搜索了各种教程，但没有找到结果。

请帮忙。 _/_

【问题讨论】：

标签： html css svg

【解决方案1】：

一种方法是使用 CSS。我想您正在寻找“边界半径”属性。以下是它的编写方式以及您可以找到更多信息的链接。

#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

【讨论】：

CSS 属性“border-radius”我已经知道了。我正在寻找的是，如何在网页边缘而不是元素上制作圆角。例如在 Android 智能手机上。请看一个例子：img.gadgethacks.com/img/73/43/63501814144009/0/…我怎样才能做到这一点？