css画弧线（css-两种画弧线方法）

第一种：::after

<template> <view> <view class="bg"> </view> </view> </template> <style> .bg{ background-color: pink; } .bg::after{ content: ; position: absolute; width: 160%; height: 100px; background: skyblue; left: -30%; border-radius: 0 0 50% 50%; } </style>

第二种：border-radius

<template> <view> <view class="bg"> </view> </view> </template> <style> .bg{ background-color: pink; border-radius:0 0 50% 50%/40%; height: 100px; width: 160%; margin-left: -30%; } </style>

 border-radius:* * /*

 border-radius:50% 50%/50%;

 height: 200px;

 width: 200px;

    border-radius:0 0 50% 50%/50%;

    height: 200px;

    width: 200px;

     border-radius:0 0 50% 50%/10%;

    height: 200px;

    width: 200px;

     border-radius:0 0 50% 50%/90%;

    height: 200px;

    width: 200px;