html – 边界半径圆

前端之家收集整理的这篇文章主要介绍了html – 边界半径圆前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这段代码
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>
原文链接:https://www.f2er.com/html/227567.html

猜你在找的HTML相关文章