li{ list-style:none}
li a{ font-size:12pxcolor:#000000padding:9px 0pxdisplay:block}
li a:hover{background:#000000color:#ffffff}
</style>
<li style="width:80pxheight:30px"><a href="#">naisd</a></li>
你把 background 里的颜色改成background:url(图片路径)就可以了
网页切图是网站前端制作人员的工作一部分，一般网页切图指的是网站从效果图中获得切片并使用切片来制作网站前端静态页面。网站切图原则：
尽量少切图，能使用css编写的尽量使用css样式编写出想要的效果
网页禁忌全部使用图片切成，这样会使网页上很多文字不利于后期修改，同时增加了网页的加载速度。
网站切图小图片尽量放在一张图片上，减少网页访问时对服务器的请求数，因为一个图片就是一个次请求。
背景图片可以平铺的尽量切成一个小单元平铺，可以减少图片的大小。
切图需要降低图片质量，在保证质量的情况下，缩小图片占用内存的大小。
网站切图因网页布局决定，并不是除按钮以外都可以当做背景。
