php - html/php中的多色TD？

我正在尝试找到使td或表多色的方法。

echo "<table  padding=\"0\" spacing=\"0\"
  style=\"background-color:yellow; width: 100%; margin-left: 2px;
  width: 100%; line-height: 80% ;\">";
echo "<tr>";
echo "<td class=\"bgfiller\">
  <font style=\"color: black;  font-size:90%; \" >
   ".$rowbis['Lnaam']." - ".$rowbis['Type_name']."</font>
  </td></tr>";

我的bgfiller样式如下：

.bgfiller{
  width: 10px;
  background-color: red;
  z-index: 1 ;
}

因此，我想做的是制作一个黄色的块，其中有一个10px的小块（将在以后的状态中由变量设置），并在其上放置一些文本。

因此，您将获得诸如进度条之类的文字。但是文本必须使用表格的完整宽度，仅使用10px。

任何人都知道我如何使它工作？

最佳答案

首先，请删除<font>标记。只要将font-size: 90%; color: black;添加到现有的.bgfiller规则中就没有理由了。

但是要回答您的问题，我建议这样的事情：

<div style="width: 200px; border: 1px solid black; position: relative;">
    Hello There I am Text
    <div style="width: 30px; background: yellow; position: absolute; left: 0; top: 0; z-index: -1;">&nbsp;</div>
</div>

参见：http://jsfiddle.net/knWuf/