課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
為什么圖片只是在content邊框內，怎么讓圖片在content里面居中顯示呢？
2016-08-31
源自：十天精通CSS3 5-1
正在回答
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center;?
慕粉3343138 提問者
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center center;?
那個圖片是一個背景圖片~這個實例只是介紹基本用法 ?意思是你可以讓背景做整個div包含div的邊框（border）的背景 ?也可以做div不包含邊框的背景 ?也可以只做div的padding里面內容的背景 ?
如果背景圖比較小 你想讓背景居中顯示 ?我只知道兩種方法 ?
一種是在背景圖引用的后面加 top ?或者left ?分別是寬度居中和高度居中 ?但是不能顯示在正中心 ? 而且兩個一起用沒有任何居中效果 只會顯示在左上角
另一個方法是把背景圖片做圖片放在HTML里面 或者另外寫一個div ?設置相對定位設置z-index讓它在底層顯示
你是說img標簽引入的圖片嗎？
?不是這個意思，我說的是讓那個圖片 在content里面的正中間
設置background-origin屬性為content-box，代碼如下：
.wrap{
????background: url('.....');
????background-origin:content-box;
}
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
2 回答邊框圖片不能在IE里面運行嗎？為什么我的邊框圖片只顯示四個角落圖片，三種模式都是一樣的，沒有變化，但是我在編輯器和W3C里有顯示正常的，我想知道這是為什么？？？
2 回答為邊框應用圖片怎么做？
6 回答圖片做邊框
3 回答圖片怎么沒有顯示？？？
2 回答邊框應用圖片
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-09-27
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center;?
2016-09-29
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center center;?
2016-09-07
那個圖片是一個背景圖片~這個實例只是介紹基本用法 ?意思是你可以讓背景做整個div包含div的邊框（border）的背景 ?也可以做div不包含邊框的背景 ?也可以只做div的padding里面內容的背景 ?
如果背景圖比較小 你想讓背景居中顯示 ?我只知道兩種方法 ?
一種是在背景圖引用的后面加 top ?或者left ?分別是寬度居中和高度居中 ?但是不能顯示在正中心 ? 而且兩個一起用沒有任何居中效果 只會顯示在左上角
另一個方法是把背景圖片做圖片放在HTML里面 或者另外寫一個div ?設置相對定位設置z-index讓它在底層顯示
2016-08-31
你是說img標簽引入的圖片嗎？
2016-08-31
?不是這個意思，我說的是讓那個圖片 在content里面的正中間
2016-08-31
設置background-origin屬性為content-box，代碼如下：
.wrap{
????background: url('.....');
????background-origin:content-box;
}