html – 边界半径圆

发布时间：2020-12-30 22:12:49 所属栏目：资源来源：网络整理

导读：我有这段代码： span p { margin: 0;}span { background-color: red; display: inline-block; border-radius: 50%;} span p25/p p08/p/span 我想在我的跨度上做一个完美的圆圈.我尝试边界半径：50％;但它不起作用. 谢谢您的帮助！解决方法您可以通过给跨

我有这段代码：

span p {
    margin: 0;
}

span {
    background-color: red;
    display: inline-block;
    border-radius: 50%;
}

<span>
    <p>25</p>
    <p>08</p>
</span>

我想在我的跨度上做一个完美的圆圈.我尝试边界半径：50％;但它不起作用.

谢谢您的帮助！

解决方法

您可以通过给跨度固定宽度和高度来做到这一点：

span p {
    margin: 0;
}

span {
    background-color: red;
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
}

<span>
    <p>25</p>
    <p>08</p>
</span>

（编辑：武汉站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!