css背景只显示一部分 |第二届css开发者大会

background-image: url('background.png');
background-position: 0px -100px;

代码中的第一行是大家常见的代码，用来设置背景图的图片地址，而第二行的代码是大家今天要介绍的关键。其中，数字0表示的是背景图的横坐标位置，而-100则表示背景图的纵坐标位置。

通过调整这两个数字的大小，大家可以实现背景图只显示一部分的效果。比如，如果大家将第二行代码中的-100改为-200，就可以将背景图向上移动100个像素，让网页上部分的背景消失：

background-image: url('background.png');
background-position: 0px -200px;

同样的，如果将第二行代码中的0改为-200，就可以将背景图向左移动200个像素，让网页左边的部分背景消失：

background-image: url('background.png');
background-position: -200px -100px;

通过这种方式，大家可以轻松实现背景只显示一部分的效果，让网页看起来更加有创意和个性。当然，不同的网页设计有不同的需求，大家可以根据具体情况来灵活运用CSS的背景位置属性，创造出自己风格独特的网页设计。