圖像放置 css關鍵字特效

關鍵字

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

根據規(guī)范，位置關鍵字可以按任何順序出現，只要保證不超過兩個關鍵字 - 一個對應水平方向，另一個對應垂直方向。

如果只出現一個關鍵字，則認為另一個關鍵字是 center。

所以，如果希望每個段落的中部上方出現一個圖像，只需聲明如下：

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

下面是等價的位置關鍵字：

單一關鍵字

等價的關鍵字

center    center center    

top    top center 或 center top    

bottom    bottom center 或 center bottom    

right    right center 或 center right    

left    left center 或 center left