html - 如何为某些绝对位置 div 设置背景颜色？

Question

我有一个html代码:

<b>             
 <div class="p" id="p4" style="top:77.0pt;left:179.91301pt;font-family:Times;font-size:13.0pt;">Can</div>
        <div class="p" id="p5" style="top:77.0pt;left:212.02301pt;font-family:Times;font-size:13.0pt;">you</div>
        <div class="p" id="p6" style="top:77.0pt;left:240.53201pt;font-family:Times;font-size:13.0pt;">help</div>
        <div class="p" id="p7" style="top:77.0pt;left:266.14203pt;font-family:Times;font-size:13.0pt;">me?</div>
</b>

我想为 <b> 设置背景颜色标签!我该怎么做？

Answer 1

简单:

b{
  background-color: /*color here*/;
}

如果您想内联，它的工作方式与您为其他人所做的相同:

<b style="background-color: /*color here*/;">

但是，这不会起作用，因为 b 不是 block 元素，所以 background-color 属性不适用。

要解决此问题，只需将其显示 为inline-block。

样式表:

b{
  display: inline-block;
  background-color: /*color*/;
}

内联:

<b style="display: inline-block; background-color: /*color*/;">

这样做只会设置文本的背景:

或者，您可以让它填充文本填充区域的整个背景。

为此，只需将 inline-block 更改为 block。

Demo