图像放置 css关键字特效

关键字

图像放置关键字最容易理解，其作用如其名称所表明的。例如，top right 使图像放置在元素内边距区的右上角。

根据规范，位置关键字可以按任何顺序出现，只要保证不超过两个关键字 - 一个对应水平方向，另一个对应垂直方向。

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