課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實戰(zhàn)
怎么讓背景圖片離邊框遠一點?
2019-05-08
源自:企業(yè)網(wǎng)站綜合布局實戰(zhàn) 4-3
正在回答
background-position x y:x水平y(tǒng)垂直單位可以是px也可以是%?;蛘呤莟op,left,right,bottom,center,如是則只寫一個英文位置時,另一個位置默認為center。位置信息什么都不寫,默認為center。
采用像素值來定位時,像素值意味著背景圖片和元素左上角的差值
background:url("../images/li_bg.gif")no-repeat left center;
/*這里的left center是為了設置背景圖片的位置水平向左,垂直居中*/
實際上你可以重新設定一下圖片的屬性,
background-position: x? y ;
這里只不過是省略了這個語句;
然后你想讓背景圖片遠離邊框的話,
那就把這里的x設定你想要設定的距離,比如:
background-position: 10px center;
即設定這個背景圖片的位置為水平向左偏離10個像素,垂直方向居中;
詳情自己去看下background-position的屬性吧。
舉報
本課程重點介紹HTML/CSS實現(xiàn)常見企業(yè)網(wǎng)站布局的方法
2 回答背景顏色和背景圖片
5 回答如何讓背景圖垂直居中?如圖所示,01和背景圖出現(xiàn)了分離,代碼應該怎么寫呢?
1 回答老師,請看下,為什么我這個邊框始終離圖片有點距離呢
1 回答為什么背景圖片沒了
2 回答老師 背景圖片失效了,怎么回事
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2019-06-07
background-position x y:x水平y(tǒng)垂直單位可以是px也可以是%?;蛘呤莟op,left,right,bottom,center,如是則只寫一個英文位置時,另一個位置默認為center。位置信息什么都不寫,默認為center。
采用像素值來定位時,像素值意味著背景圖片和元素左上角的差值
2019-06-07
background:url("../images/li_bg.gif")no-repeat left center;
/*這里的left center是為了設置背景圖片的位置水平向左,垂直居中*/
實際上你可以重新設定一下圖片的屬性,
background-position: x? y ;
這里只不過是省略了這個語句;
然后你想讓背景圖片遠離邊框的話,
那就把這里的x設定你想要設定的距離,比如:
background-position: 10px center;
即設定這個背景圖片的位置為水平向左偏離10個像素,垂直方向居中;
詳情自己去看下background-position的屬性吧。