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

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

h1 { text-align:中心; 背景颜色:绿色; ｝ <h1>埃里克·琼斯最后的遗嘱和遗嘱<h1>

当前回答

可以使用html5标记标签内的段落和标题标签。

<p>lorem ipsum <mark>高光文本</mark> dolor sit.</p>

其他回答

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

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

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

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

内联元素和它的内容一样大，所以这应该可以帮你。

你可以使用HTML5 <mark>标记。

HTML:

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

CSS:

mark
{
    background-color: green;
}

<h1 style=" font - family:宋体;">埃里克·琼斯最后的遗嘱< h1> .

尝试删除文本对齐中心，并将文本所在的<h1>或<div>居中。

h1 {
    background-color:green;
    margin: 0 auto;
    width: 200px;
}

可以使用html5标记标签内的段落和标题标签。

<p>lorem ipsum <mark>高光文本</mark> dolor sit.</p>

推荐文章