圖像放置 css關(guān)鍵字特效

關(guān)鍵字

圖像放置關(guān)鍵字最容易理解，其作用如其名稱所表明的。例如，top right 使圖像放置在元素內(nèi)邊距區(qū)的右上角。

根據(jù)規(guī)范，位置關(guān)鍵字可以按任何順序出現(xiàn)，只要保證不超過兩個(gè)關(guān)鍵字 - 一個(gè)對(duì)應(yīng)水平方向，另一個(gè)對(duì)應(yīng)垂直方向。

如果只出現(xiàn)一個(gè)關(guān)鍵字，則認(rèn)為另一個(gè)關(guān)鍵字是 center。

所以，如果希望每個(gè)段落的中部上方出現(xiàn)一個(gè)圖像，只需聲明如下：

p
 {
   background-image:url(bgimg.gif);
   background-repeat:no-repeat;    background-position:top;
 }

下面是等價(jià)的位置關(guān)鍵字：

單一關(guān)鍵字

等價(jià)的關(guān)鍵字

center    center center    

top    top center 或 center top    

bottom    bottom center 或 center bottom    

right    right center 或 center right    

left    left center 或 center left