我有这段代码:
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>