在CSS中,可以将文本的背景设置为某种颜色吗?

在CSS中,可以将文本的背景设置为某种颜色吗?,css,text,colors,background,Css,Text,Colors,Background,我可以更改文本块的背景色,但我希望它看起来像是用高亮灯高亮显示的文本。是否只能更改字符的背景颜色?使用span标记: .highlight { background-color: #FFFF00; } <span class="highlight">Yellow text.</span> 。突出显示{ 背景色:#FFFF00; } 黄色文本。 使用span标签: .highlight { background-color: #FFFF00; } &l

我可以更改文本块的背景色,但我希望它看起来像是用高亮灯高亮显示的文本。是否只能更改字符的背景颜色?

使用
span
标记:

.highlight {
    background-color: #FFFF00;
}

<span class="highlight">Yellow text.</span>
。突出显示{
背景色:#FFFF00;
}
黄色文本。

使用
span
标签:

.highlight {
    background-color: #FFFF00;
}

<span class="highlight">Yellow text.</span>
。突出显示{
背景色:#FFFF00;
}
黄色文本。

我们有一个标签可以直接突出显示某些内容:

<mark> content here </mark>
这里的内容

或者,您可以使用@Victor所建议的方法,我们有一个标签直接突出显示某些内容:

<mark> content here </mark>
这里的内容

或者,您可以使用@Victor所建议的方法,实现这一点的方法有很多种。参见下面的方法

方法:

  • 用位置值将要选择的文本包装在spanstrong中 亲属的
  • 使用:before:after选择器创建覆盖
  • 减少after或before元素的不透明度以创建高光效果
  • #内容{
    字号:18px;
    线高:20px;
    宽度:500px;
    }
    .荧光灯,.一,强力{
    位置:相对位置;
    高度:20px;
    字号:18px;
    线高:18px;
    显示:内联块;
    }
    strong:after、.highlighter:after、.one:after{
    内容:'';
    位置:绝对位置;
    高度:18px;
    宽度:100%;
    不透明度:0.40;
    左:0;
    }
    斯特朗:之后{
    背景颜色:绿色;
    }
    .荧光灯:之后{
    背景色:红色;
    }
    .一:之后{
    背景颜色:橙色;
    }
    
    bzds Lorem ipsumdolor sit amet,ConcetetUVsdgag r Adipsicing Elite。从奥古斯都到奥古斯都,从同一个地方到另一个地方,从一个地方到另一个地方。库拉比图尔·夸姆·奥古斯酒店
    坐吧,阿梅特,继续向精英们致敬。库拉比图尔·夸姆·奥古斯酒店
    
    实现这一点的方法有很多。参见下面的方法

    方法:

  • 用位置值将要选择的文本包装在spanstrong中 亲属的
  • 使用:before:after选择器创建覆盖
  • 减少after或before元素的不透明度以创建高光效果
  • #内容{
    字号:18px;
    线高:20px;
    宽度:500px;
    }
    .荧光灯,.一,强力{
    位置:相对位置;
    高度:20px;
    字号:18px;
    线高:18px;
    显示:内联块;
    }
    strong:after、.highlighter:after、.one:after{
    内容:'';
    位置:绝对位置;
    高度:18px;
    宽度:100%;
    不透明度:0.40;
    左:0;
    }
    斯特朗:之后{
    背景颜色:绿色;
    }
    .荧光灯:之后{
    背景色:红色;
    }
    .一:之后{
    背景颜色:橙色;
    }
    
    bzds Lorem ipsumdolor sit amet,ConcetetUVsdgag r Adipsicing Elite。从奥古斯都到奥古斯都,从同一个地方到另一个地方,从一个地方到另一个地方。库拉比图尔·夸姆·奥古斯酒店
    坐吧,阿梅特,继续向精英们致敬。库拉比图尔·夸姆·奥古斯酒店
    
    您能否发布一个所需结果的示例?因为现在还不清楚你想做什么。你能举个例子说明你想要的结果吗?因为不清楚你想做什么。