如何为某个绝对位置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属性不适用。

要解决此问题，请将其display设为inline-block。

样式表：

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

内联：

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

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

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

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

Demo

Answer 2

您可以在样式表中设置样式

b {
    display:block;
    background-color: #f00;
}

如果您不希望所有<b>标记都有红色标记，则可以为此标记指定一个特定的类或ID。

由于它绝对定位，您还需要定义宽度和高度。