显示到期时间

Question

 <td valign="bottom"> 
    <div style="width: 205px;height: 21px;border: 1px solid;">
       <div style="height: 21px;background-color:#5f5f5f; background-size: 100px 10px;">                                                                                                                                                                                                                                                                                                                                                                                                           

    </div></div><br>
<span style="font-size:11px;">*Valid for 1 year from the date of purchase</span>
</td>

上面的图片，我发送了它。我在html中需要这样的东西，我已经制作了一个div并使用背景颜色，但它涵盖了整个部分，但我想要覆盖背景只有30％或任何我想要的％。你有什么帮助可以给我

Answer 1

实际上，您只需要一个DIV元素（而不是两个）：

<强> LIVE DEMO

<div class="expirationBar"></div>

CSS：

.expirationBar{
  border:1px solid #ddd;
  width: 205px;
  height:21px;
  border-radius:3px;
  background: #eee url(//placehold.it/1x1/5f5f5f) repeat-y;
  background-size: 30%;
}

---

...但要了解您的确切问题：

而不是background-size使用width

<强> LIVE DEMO

<div style="height: 21px; background-color:#5f5f5f; width:30%;">     

为内在的DIV

您没有使用任何图片，因此您没有申请任何background-size，因为它引用了图片。

否则，使用图片 - 比您可以设置：

<强> LIVE DEMO

<div style="background:url('10x10_gray.jpg') repeat-y; background-size:30%; height:21px; "></div>