表題の件、色々と試したのですが適用させることができず、、どなたか教えていただけませんでしょうか。
以下そこの部分のHTMLとCSS転記させて戴きます。↓
html
1 2<div class="main-feature-circle"> 3 <p>01</p> 4</div> 5
css
1 2.main-feature-circle { 3 margin: 0 auto; 4 width: 100px; 5 height: 100px; 6 border-radius: 50%; 7} 8 9.main-feature-circle p{ 10 font-size: 30px; 11 color: #f79314; 12 background-color: blue; 13 text-align: center; 14 font-weight: bolder; 15 line-height: 100px; 16} 17
おそらくですが、border-radius以外のCSSは適用されているようです。
このコードで、真四角な青い背景色の真ん中に"01"という文字が入っている状態です。
色々試したのですが、どれもお門違いな試しだったので、記述できるとしたら以下のことぐらいですが、記述させて戴きます。
・border-radiusを.main-feature-circle p{}セレクタに記述してみる。⇨ 緩やかな楕円形が出来ました。
初歩的な質問大変恐縮ですが、何卒よろしくお願い申し上げます。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/24 08:43
2020/08/24 08:47
2020/08/24 10:22
2020/08/24 11:27