課程
/前端開發
/HTML/CSS
/網頁簡單布局之結構與表現原則
padding值沒有怎么沒有顯示背景
2016-07-13
源自:網頁簡單布局之結構與表現原則 3-3
正在回答
img圖片把背景圖片遮擋住了,使用padding設置屬性把img的盒子模型實際寬度和高度增加,使得img背景圖片層顯示出來
初夏雪 提問者
盒子的立體模型有五個部分:1 邊框 2 內邊距+內容(這里指的就是香水) 3 背景圖 4 背景顏色 5 外邊距
當你沒有設置padding的時候;你的圖片(香水)大小占據整個img盒子,擋住了背景圖片,所以你看不到。
但是當你設置了padding,圖片(香水)在img盒子的相對位置改變了,所以背景圖片就顯示出來了。
如果還是不清楚的話,你可以給img加上邊框border:1px solid #ccc;這樣你可以看得更明白。
慕桂英3588515
Vzeo丶 回復 慕桂英3588515
慕桂英3588515 回復 Vzeo丶
舉報
入門必殺技之結構與表現相分離,課程會有3個案例,不同角度講解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-13
img圖片把背景圖片遮擋住了,使用padding設置屬性把img的盒子模型實際寬度和高度增加,使得img背景圖片層顯示出來
2016-07-18
盒子的立體模型有五個部分:1 邊框 2 內邊距+內容(這里指的就是香水) 3 背景圖 4 背景顏色 5 外邊距
當你沒有設置padding的時候;你的圖片(香水)大小占據整個img盒子,擋住了背景圖片,所以你看不到。
但是當你設置了padding,圖片(香水)在img盒子的相對位置改變了,所以背景圖片就顯示出來了。
如果還是不清楚的話,你可以給img加上邊框border:1px solid #ccc;這樣你可以看得更明白。