首页 > html > background_position > CSS Property Value - 如何使用background-position:控制图像的哪个部分显示为背景

CSS Property Value - 如何使用background-position:控制图像的哪个部分显示为背景

background_position 【background_position】
我们想知道如何使用background-position:控制图像的哪个部分显示为背景。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.iconarray {
  display: block;
  background-image: url(http://www.w3cschool.cn/style/download.png);
  background-repeat: no-repeat;
}

.icon1 {
  width: 64px;
  height: 64px;
  background-position: 0px 0px;
}

.icon2 {
  width: 64px;
  height: 64px;
  background-position: 0px -64px;
}
</style>
</head>
<body>
  <p style="background: silver;">
    Picture 1: <span class="iconarray icon1"></span> Picture 2: <span
      class="iconarray icon2"></span>
  </p>
</body>
</html>