課程
/前端開(kāi)發(fā)
/HTML/CSS
/十天精通CSS3
那個(gè)小圖好像不是縮略圖,只是圖的一部分,還比較模糊
2019-07-24
源自:十天精通CSS3 7-8
正在回答
在每張背景圖片下面加個(gè)?background-size:cover;??代碼?就好了,它的作用是讓圖片自動(dòng)根據(jù)容具的大小來(lái)填充; /*任務(wù)三、設(shè)置縮略圖背景圖像*/ .clearfix?li:nth-of-type(1)?a::after{ ???background:?url(http://localhost:8080/images/timg.jpg)?no-repeat?center; ???background-size:?cover; }
可以等比例伸縮的寫(xiě)法,根據(jù)父級(jí)div的寬高來(lái)改變。
舉報(bào)
本課程為CSS3入門(mén)教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
1 回答為什么點(diǎn)擊縮略圖可以切換背景?
3 回答關(guān)于縮略圖的問(wèn)題
2 回答縮略圖無(wú)法正常顯示
1 回答為什么縮略圖就一個(gè)啊
1 回答任務(wù)三:設(shè)置縮略圖背景圖像
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-08-08
2019-07-26
可以等比例伸縮的寫(xiě)法,根據(jù)父級(jí)div的寬高來(lái)改變。