在網頁開發中我們經常需要對圖片進行分割(如下圖)來使用,而不是分別提供單獨的圖片來調用,常見的如頁面背景,按鈕圖標等,這樣做的好處就是減少請求次數,節省時間和帶寬。 對背景圖片的定位就需要用到CSS中的background樣式,如: 屬性解釋 ...
background position的說明: 設置或檢索對象的背景圖像位置。必須先指定 background image 屬性。該屬性定位不受對象的補丁屬性 padding 設置影響。 默認值為: 。此時背景圖片將被定位於對象不包括補丁 padding 的內容區域的左上角。 如果只指定了一個值,該值將用於橫坐標。縱坐標將默認為 。如果指定了兩個值,第二個值將用於縱坐標。 如果設置值為 right ...
2015-09-14 18:35 0 3158 推薦指數:
在網頁開發中我們經常需要對圖片進行分割(如下圖)來使用,而不是分別提供單獨的圖片來調用,常見的如頁面背景,按鈕圖標等,這樣做的好處就是減少請求次數,節省時間和帶寬。 對背景圖片的定位就需要用到CSS中的background樣式,如: 屬性解釋 ...
在 CSS 中,利用 background-image 屬性我們可以指定元素的背景圖片,例如: .example { background-image: url(image/some.png); background-repeat: repeat; } 其中,PNG 是常見 ...
首先准備一張雪碧圖,Like this 背景圖片的定位方法有3種,比較常用的兩種為 關鍵詞: 其中關鍵字方法background-position: top left 和left top效果是一樣的。(注意:如果您僅規定了一個關鍵詞,那么第二個值將是"center ...
背景圖片定位 background-position屬性可以給背景圖片定位。 background-position屬性有兩個值,第一個值是水平位置,第二個值是垂直位置。這兩個值可以使用百分比來表示(50% 50% 表示垂直和水平都居中)。 也可以使用下面的方式表示: left ...
在CSS中,背景圖片的定位方位有3種: 上面這三句語句,都將圖片定位在背景的左上角,表面上看效果是一樣的,實際上第三種定位機制與前兩種完全不同。前兩種定位,都是將背景圖片左上角的原點,放置在規定的位置。請看下面這張圖,規定的位置是“20px 10px”和"60px ...
position的兩個參數:水平方向的位置,垂直方向的位置----------該位置是指背景圖片相對於前景對象的1.background:url(../image/header.jpg) no-repeat left top; /*相當於0% 0%*/表示背景圖片在指定div的位置,從左上角 ...
CSS背景顏色設置 background-color:red;如設置背景顏色為紅色; 背景顏色設置支持3種寫法: 顏色名 16進制 rgb CSS背景圖片顏色設置 background-image:url(圖片地址);如設置背景圖片 路徑不在 ...
css背景圖片位置:background的position position的兩個參數:水平方向的位置,垂直方向的位置----------該位置是指背景圖片相對於前景對象的1.background:url(../image/header.jpg) no-repeat ...