为什么我的图像重复占据整个区域？

Question

我想在图片上显示一些文字。我成功了。 问题是图像重复自身以占用所有可用空间 space。 但我希望这张图片不再重复。

我的代码是：

Css代码：

.LabelCSSTop
{
   font-size:30px; font-style:normal; background-color :#0866c6;
}
.divination
{ 
  background-image: url(../images/icons/icon-event.png) ;  
}

而 .cshtml class 是：

 <li class="odd">
   <a class=" divination">
     <label class="LabelCSSTop">@DateTime.Now.Day</label>
   </a>

我只希望这张原始图像上有 10（这是一天）（重叠 17）

Answer 1

.divination
{ 
  background-image: url(../images/icons/icon-event.png); 
  background-repeat: no-repeat;
}