html - 如何使用CSS拉伸(stretch)和缩小文本标签的背景图像

Question

我正在设计一个包含背景图片的网页 像标签的箭头。我在 Photoshop 中设计了图像。 我的问题是图像大小没有随着 每个文本。 所以请帮助我，我该怎么办？有什么方法可以做到这一点？

HTML:

        <label><span>First Name</span></label>

CSS:

        label
        {
        background-image:url('./images/lblimg.png');
        width:auto;
        display:inline-block;
        }


    span
         {
            line-height:50px;text-align:center;
         }

Answer 1

使用样式:

background-size: cover;
background-repeat: no-repeat;

使用 background-size:cover 图像会变得尽可能大，以便背景区域完全被它覆盖。