如何使用css实现盒子底部半圆

问题描述 投票：0回答：1

在此处输入图像描述当我尝试进行更改时，我尝试使用CSS，然后它会影响数据

对于我的盒子，我需要在盒子底部有半圆如何使用CSS来实现它

我的盒子里有内容，我希望它能将其固定在带有半圆的盒子底部

css border border-radius halfmoon
1个回答
0
投票

我不确定你在要求什么。你的问题不完整，但如果你需要这样的东西

enter image description here

<html>
<head>
    <style>
    .halfCircle{
    height:50px;
    width :100px;
    border-top-left-radius:50px;
    border-top-right-radius:50px;
    background-color:red
    }
    </style>
</head>

<body>

    <div style="margin:20px">

        <div class="halfCircle">

        </div>

    </div>
</body>

</html>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.