html图片平铺到右侧,页面上对背景图像进行平铺，可以使用backgroundrepeat属性。...

后盾定位

也许操作 background-position 属性扭转图像在后援中的地位。

上面的例子在 body 元素中将一个背景图象居中放置&＃xff1a;

body

{

background-image:url(&＃39;/i/eg_bg_03.gif&＃39;);

bac千克round-repeat:no-repeat;

background-position:center;

}

为 bac千克round-position 属性供应值有良多门径。首先&＃xff0c;可运用一些枢纽字&＃xff1a;top、bottom、left、right 与 center。一般&＃xff0c;这些要害字会成对呈现&＃xff0c;无非也不总是何等。还梗概应用长度值&＃xff0c;如 100px 或 5cm&＃xff0c;末端也或许应用百分数值。一致类型的值对付后盾图象的布置稍有差异。

关头字

图象放置枢纽字最简单了解&＃xff0c;其劝化如其俗称所解释的。譬如&＃xff0c;top right 使图像放置在元素内边距区的右上角。

按照尺度&＃xff0c;位子枢纽字可以或许按任何法度涌现&＃xff0c;只要担保不超过两个枢纽字 - 一个对应水准左袒&＃xff0c;另一个对应垂直左袒。

如果只出现一个症结字&＃xff0c;则认为另一个关头字是 center。