CSS background-position属性

描述

如果指定了背景图像，则设置元素的背景图像的初始位置；通常是成对的值提供x、y位置；默认位置是0% 0%。

可能的值

percent
- none
- length
- top
- center
- bottom
- left
- right

适用于

块级元素和替换元素

DOM语法

object.style.backgroundPosition = "10 30";

示例

以下示例展示了如何将背景图像的位置设置为距离左侧100像素。

<table style = "background-image:url(/images/pattern1.gif); background-position:100px;">
   <tr>
      <td>
         Background image positioned 100 pixels away from the left.
      </td>
   </tr>
</table>

以下是一个示例，演示了如何将背景图像的位置设置为距离左侧100像素，并距离顶部200像素。

<html>
   <head>
   </head>

   <body>
      <p style = "background-image:url(https://geek-docs.com/static/logo.png);  
         background-position:100px 200px;">
         The background image positioned 100 pixels away from the 
         left and 200  pixels from the top.up
      </p>
   </body>
</html>

它将产生以下结果 –

CSS background-position属性