如何在Android智能手机中制作圆形的屏幕角网页?

时间:2019-07-01 00:17:28

标签: html css svg

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

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

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

请帮助。 _ / _

1 个答案:

答案 0 :(得分:0)

一种方法是使用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