如何使用 CSS 为文本宽度而不是整个元素的宽度设置背景颜色？

小编典典

all

我想要的是将绿色背景放在文本后面，而不是 100% 的页面宽度。这是我当前的代码：

h1 {

    text-align: center;

    background-color: green;

}


<h1>The Last Will and Testament of Eric Jones</h1>

阅读 59

2022-07-14

共1个答案

小编典典

将文本放入内联元素中，例如<span>.

<h1><span>The Last Will and Testament of Eric Jones</span></h1>

然后在内联元素上应用背景颜色。

h1 {
    text-align: center; 
}
h1 span { 
    background-color: green; 
}

内联元素与其内容一样大，因此应该为您完成。

2022-07-14