如何在HTML中更改鼠标上方菜单的背景大小

这是我的问题。。。我有我的鼠标背景效果。。。但是我真的很想知道如何改变背景大小。。因为我尝试了我所知道的一切（很少，因为我是HTML的新手）

这是我的CSS：

ul#menu li {
    list-style-type:none;
    margin-left:10px;
    margin-top:10px;
    display:inline;
}

在样式表上：

li a {
background: url(rectangle.png) left top no-repeat;

}

li a:hover {
background: url(rectangle.png) left top no-repeat ;

}

名单如下：

<ul id="menu" style="float: left;margin-left:-50;position: fixed;top: 20px;
    left: 445px;">
  <li><a href="#" style="text-decoration:none">HOME </a></li>
  <li><a href="#" style="text-decoration:none">SERVICES</a></li>
  <li><a href="#" style="text-decoration:none">OUR WORK</a></li>
  <li><a href="#" style="text-decoration:none">ABOUT US</a></li>
  <li><a href="#" style="text-decoration:none">CONTACT US</a></li>
</ul> 

提前感谢：）

添加

#菜单li：悬停
选择器并添加
背景大小
属性。添加所需的值


li a{
背景：url(http://www.rehotechnologies.com/images/Back.jpg)左上无重复；
}
李娜：停下来{
背景大小：50%50%；/*添加所需值*/
}
ul#菜单li{
列表样式类型：无；
左边距：10px；
边缘顶部：10px；
显示：内联；
}






看起来您想要的是适应悬停时更改的背景

尝试添加

背景尺寸：封面

在

什么是“背景尺寸”？您是指背景图像的大小吗？添加一个
#菜单li：悬停
选择器并添加一个
背景大小
属性。添加所需的值。这非常有用。谢谢我是否有可能使背景比菜单文本大？因为它只包含菜单文本：）谢谢。我正在练习html代码，我真的需要像你这样的专业人士的帮助：）我需要一些类似于这个网站菜单的东西，但这已经是一个js代码了。使用cssTry可能有一个替代性：。在这里，我使用箭头的图像作为背景。悬停时，其中心位于
li
内。如果您没有设计固定宽度的网站，请不要在
ul
上使用固定定位。使用
边距：0自动
并定义
ul
的宽度，并将其
显示
属性更改为
块
：酷。但是我把高度调高了，但是底部有额外的空间。如何自定义图像，使其顶部没有边距？
li a:hover {
 background: url(rectangle.png) left top no-repeat ;
}