html - css如何使用一张图的一部分作为背景平铺?

Question

例如:

我有一张图片:

现在我想用这张图片的右上角的一小块作为背景平铺整个<p>,例如下面这样:

请问应该如何设置css?

---

另外:
假设html是下面这样的

<p class="moon"></p>

然后css里面已经有了:

.moon {
    position: absolute;
    width: 100px;
    height: 100px;
    background-image: url(../images/moon.png);
    background-size: 100% auto;
}

新手提问,求教各种姿势O(∩w∩)O~~

Answer 1

那你把北京图片改成你想要的那样 （就是只有月亮那小块） 然后再 设置背景repeat不就得了？