課程
/前端開發
/HTML/CSS
/網頁簡單布局之結構與表現原則
效果圖中每張圖片下部環繞著白色煙霧狀的背景圖片，怎么我這做不出來？
2016-11-13
源自：網頁簡單布局之結構與表現原則 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做對了就會出現
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);這行代碼是實現這個效果的，已經給你了，不用你管的。你沒做出來？
舉報
入門必殺技之結構與表現相分離，課程會有3個案例，不同角度講解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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做對了就會出現
2016-11-13
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);這行代碼是實現這個效果的，已經給你了，不用你管的。你沒做出來？