[解決済み] 境界線半径の円
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>
関連
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] 順序なしリストが div 内で左いっぱいに整列されない
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] HTMLの "role "属性は何のためにあるのですか?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] CSS画像を背景で伸縮させる - CSSのみで可能
-
[解決済み] CSSのクラスは、1つまたは複数の他のクラスを継承することができますか?
-
[解決済み] アンカー内にdivを置くことは正しいことですか?
-
[解決済み] テーブル行<tr>にボーダー底辺を追加する
-
[解決済み] CSS3のborder-radiusプロパティとborder-collapse:collapseが混ざらないのですが。border-radiusを使用して、角を丸くした折りたたみテーブルを作成するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ラジオボタンの代わりに画像を使用する
-
[解決済み】「選択されたファイルがありません」を変更しました。
-
[解決済み] 絶対位置が機能しない
-
[解決済み] カーソルを指ポインタに変更
-
[解決済み] css画像が表示されない
-
[解決済み] 必要なキーに一致するルートがありません。[:id]
-
[解決済み] head」タグと「header」タグの本当の違いは何ですか?[重複】について]
-
[解決済み] フッターの内容が重なっているのを修正するには?
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] フロートされた子 div の高さを親の高さに拡張するにはどうすればよいですか?