課程
/前端開發(fā)
/HTML/CSS
/網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則
效果圖中每張圖片下部環(huán)繞著白色煙霧狀的背景圖片,怎么我這做不出來?
2016-11-13
源自:網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則 3-3
正在回答
body{ margin:0;}
div{background:#460E29;width:700px;padding:20px}
img{padding:1px 20px 37px 30px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;}
慕粉4340077 提問者
你的background里面斷開了,這個改好了你的代碼顯示出來了
? ? background:url(http://img1.sycdn.imooc.com//5385ac8200 ? ? ?01905201440133.jpg);
樓上回答正確,只要你的<img>的padding做對了就會出現(xiàn)
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);這行代碼是實現(xiàn)這個效果的,已經(jīng)給你了,不用你管的。你沒做出來?
舉報
入門必殺技之結(jié)構(gòu)與表現(xiàn)相分離,課程會有3個案例,不同角度講解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-11-13
body{ margin:0;}
div{background:#460E29;width:700px;padding:20px}
img{padding:1px 20px 37px 30px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;}
2016-11-14
你的background里面斷開了,這個改好了你的代碼顯示出來了
? ? background:url(http://img1.sycdn.imooc.com//5385ac8200 ? ? ?01905201440133.jpg);
2016-11-13
樓上回答正確,只要你的<img>的padding做對了就會出現(xiàn)
2016-11-13
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);這行代碼是實現(xiàn)這個效果的,已經(jīng)給你了,不用你管的。你沒做出來?