1. ホーム
  2. html

[解決済み] 境界線半径の円

2022-03-01 22:33:20

質問

私はこのコードを持っている。

span p {
    margin: 0;
}

span {
    background-color: red;
    display: inline-block;
    border-radius: 50%;
}
<span>
    <p>25</p>
    <p>08</p>
</span>

スパン上に真円を作りたいのですが、どうしたらいいですか?そこで border-radius: 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>