要素の幅を拡張せずに色付きのテキストの背景を追加するにはどうすればよいですか?

要素全体の幅に影響を与えずに色付きのテキストの背景

要素の幅に影響を与えずに、特定のテキストを背景色で強調表示したい場合があります。要素全体。このシナリオでは、HTML を変更して のようなインライン要素を追加することはできません。 tag.

解決策:

解決策は、インライン要素の自然な幅を活用することにあります。 などのインライン要素内にテキストを配置することで、

<h1 id="span-The-Last-Will-and-Testament-of-Eric-Jones-span"><span>The Last Will and Testament of Eric Jones</span></h1>

テキストをインライン要素に配置したら、CSS を使用して背景色をスパンに適用します。

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

このアプローチにより、背景色はインライン要素内のテキストにのみ影響し、h1 要素全体の幅を変更することなく必要な効果が維持されます。

以上が要素の幅を拡張せずに色付きのテキストの背景を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。