課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
怎么把任務中的白色小圓點擴大到整個box內，像案例中的那樣？
2019-05-10
源自：十天精通CSS3 7-3
正在回答
把span設置的和 .box 一樣大就好了，然后取消位置絕對位移就好了，因為都一樣大，位置沒有偏差的余地，margin也可以取消。
.box span { ? display: block;? width: 30px;? height: 30px;? border-radius: 100%;? /*position: absolute;*/? background: #fff;? /*top: 50%;*/? /*left:50%;*/? /*margin: -5px 0? 0 -5px;*/? z-index:1;}
你把任務中span的css改成這樣：
.box span {?
? ?display: block;
? width: 30px;
? height: 30px;
? border-radius: 100%;
? background: red;
? position: absolute;
??
? top: 50%;
? left:50%;
? margin: -15px 0? 0 -15px;
? z-index:1;
}
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
4 回答怎樣把每個圓點都變成紅色呢
2 回答是大的圓角還是小的圓角
1 回答這個圓是怎么出來的？為什么一開始沒有代碼那個圓就是淺綠色的？
2 回答示例代碼中的幾個小問題
2 回答任務八中的 background-position: 0 0, 30px 30px;
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2019-08-05
把span設置的和 .box 一樣大就好了，然后取消位置絕對位移就好了，因為都一樣大，位置沒有偏差的余地，margin也可以取消。
.box span {
? display: block;
? width: 30px;
? height: 30px;
? border-radius: 100%;
? /*position: absolute;*/
? background: #fff;
? /*top: 50%;*/
? /*left:50%;*/
? /*margin: -5px 0? 0 -5px;*/
? z-index:1;
}
2019-05-14
你把任務中span的css改成這樣：
.box span {?
? ?display: block;
? width: 30px;
? height: 30px;
? border-radius: 100%;
? background: red;
? position: absolute;
??
? top: 50%;
? left:50%;
? margin: -15px 0? 0 -15px;
? z-index:1;
}