小编典典

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

html

我想要的是绿色背景位于文本的后面,而不是页面宽度的100%。这是我当前的代码:

h1 {

    text-align: center;

    background-color: green;

}


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

阅读 398

收藏
2020-05-10

共1个答案

小编典典

将文本放在嵌入式元素中,例如<span>

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

然后将背景颜色应用于内联元素。

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

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

2020-05-10