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