在CSS中，你能将TEXT的背景变成某种颜色吗？

Question

我可以更改文本块的背景颜色，但我希望它看起来像用荧光笔突出显示文本。是否可以只更改字符背景颜色？

Answer 1

使用span标记：

.highlight {
    background-color: #FFFF00;
}

<span class="highlight">Yellow text.</span>

Answer 2

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

<mark> content here </mark>

或者，您可以使用@Victor

建议的方法

Answer 3

有很多方法可以实现这一目标。见下文的方法。

方法：

1. 使用位置值包含您要在范围或强中选择的文字 亲戚
2. 使用：之前或：之后选择器来创建叠加层。
3. 降低after或before元素的不透明度以创建高光效果
＆＃13;
＆＃13;
#content  {
  font-size: 18px;
  line-height: 20px;
  width: 500px;
  }

.highlighter, .one, strong  {
  position:relative;
  height: 20px;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  }

 strong:after, .highlighter:after, .one:after  {
  content:'';
  position:absolute;
  height: 18px;
  width: 100%;
  opacity: 0.40;
  left: 0;
  }

 strong:after  {
  background-color: green;
  
  }

.highlighter:after  {
  background-color: red;

  }

.one:after  {
  background-color: orange;

  }
＆＃13;
<div id="content">



 <span class="one">bzds</span> Lorem ipsum <strong> dolor sit amet, consectetuv</strong>  sdgag r adipiscing elit. Curabitur quam augue, vehicula quis Lorem ipsum dolor <span class="highlighter">sit amet, consectetuer adipiscing</span> elit. Curabitur quam augue, vehicula quis
  sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis



</div>
＆＃13;
＆＃13;
＆＃13;