關(guān)鍵字

網(wǎng)站建設中圖像放置關(guān)鍵字最容易理解。其作用如其名所表明的，例如，top right使原圖像放在元素內邊距區的右上角。再回過(guò)頭來(lái)看先前的那個(gè)小“陰陽(yáng)”符號：

p {background-image:url(yinyang.gif);

background-repeat:no-repeat;

background-position:top right;}

這會(huì )在每個(gè)段落內邊距右上角放置一個(gè)不重復的原圖像。其結果（如圖9-22所示）與將位置聲明為right top是一樣的。（根據規范）位置關(guān)鍵字可以按任何順序出現，只要網(wǎng)頁(yè)設計師保證不能超過(guò)兩個(gè)關(guān)鍵字個(gè)對應水平方向，另一個(gè)對應垂直方向。

圖9-22：在段落右上角放置背景圖像

警告：Netscape 6.x系列有一個(gè)bug，如果規則中background-position關(guān)鍵字采用了某種特定順序，這個(gè)bug會(huì )使瀏覽器忽略這條規則。為了避免這個(gè)bug，要確保關(guān)鍵字先指定水平放置，然后是垂直放置。因此，應當寫(xiě)作left center而不是center left。

如果只出現了一個(gè)關(guān)鍵字，則認為另一個(gè)關(guān)鍵字是center。表9-1顯示了等價(jià)的關(guān)鍵字。

表9-1：等價(jià)的位置關(guān)鍵字

單個(gè)關(guān)鍵字

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

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)頁(yè)設計人員希望每個(gè)段落的中部上方出現一個(gè)圖像，只需如下聲明：

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