这种样式怎么实现？

Question

这种左右两边的圆弧效果怎么实现呢？

Answer 1

https://developer.mozilla.org...

border-radius: 10px 10px 0 0;

Answer 2

 border-top-left-radius: 20px;
 border-top-right-radius: 20px;

更直观

Answer 3

安卓原生实现的话可以定义drawable，设置它的左上和右上的圆角

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:bottomLeftRadius="0dp"
        android:bottomRightRadius="0dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp"/>
</shape>

Answer 4

border-radius: 10px 10px 0 0;