关键字

网站建设中图像放置关键字最容易理解。其作用如其名所表明的，例如，top right使原图像放在元素内边距区的右上角。再回过头来看先前的那个小“阴阳”符号：

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

background-repeat:no-repeat;

background-position:top right;}

这会在每个段落内边距右上角放置一个不重复的原图像。其结果（如图9-22所示）与将位置声明为right top是一样的。（根据规范）位置关键字可以按任何顺序出现，只要网页设计师保证不能超过两个关键字个对应水平方向，另一个对应垂直方向。

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

警告：Netscape 6.x系列有一个bug，如果规则中background-position关键字采用了某种特定顺序，这个bug会使浏览器忽略这条规则。为了避免这个bug，要确保关键字先指定水平放置，然后是垂直放置。因此，应当写作left center而不是center left。

如果只出现了一个关键字，则认为另一个关键字是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

所以，如果网页设计人员希望每个段落的中部上方出现一个图像，只需如下声明：

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