網(wǎng)站建設中圖像放置關鍵字最容易理解。其作用如其名所表明的，例如，top right使原圖像放在元素內(nèi)邊距區(qū)的右上角。再回過頭來看先前的那個小“陰陽”符號：
p {background-image:url(yinyang.gif);
background-repeat:no-repeat;
background-position:top right;}
這會在每個段落內(nèi)邊距右上角放置一個不重復的原圖像。其結(jié)果（如圖9-22所示）與將位置聲明為right top是一樣的。（根據(jù)規(guī)范）位置關鍵字可以按任何順序出現(xiàn)，只要網(wǎng)頁設計師保證不能超過兩個關鍵字個對應水平方向，另一個對應垂直方向。
圖9-22：在段落右上角放置背景圖像
警告：Netscape 6.x系列有一個bug，如果規(guī)則中background-position關鍵字采用了某種特定順序，這個bug會使瀏覽器忽略這條規(guī)則。為了避免這個bug，要確保關鍵字先指定水平放置，然后是垂直放置。因此，應當寫作left center而不是center left。
如果只出現(xiàn)了一個關鍵字，則認為另一個關鍵字是center。表9-1顯示了等價的關鍵字。
表9-1：等價的位置關鍵字
單個關鍵字
等價關鍵字
center
center center
top
top center center top
bottom
bottom center center bottom
right
center right right center
left
center left left center
所以，如果網(wǎng)頁設計人員希望每個段落的中部上方出現(xiàn)一個圖像，只需如下聲明：
p{background-image:url(yinyang.gif)；background-repeat:no-repeat;background-position:top;}