如何使用CSS在每个菜单项旁边放置图像?

如何使用CSS在每个菜单项旁边放置图像?,css,drupal,menu,background,background-image,Css,Drupal,Menu,Background,Background Image,我使用的是Drupal7.26——我创建了一个菜单,并在菜单中输入了一些链接。我现在正在尝试设置菜单样式-它已将链接输出为项目符号列表 我设计了li元素的样式,以提供填充、边距、文本颜色和背景颜色。我现在把每个菜单项都放在一个蓝色的盒子里,这正是我想要的。但是,我现在需要去掉每个菜单项蓝色背景左侧和外部的项目符号,相反,在菜单项背景框内,我需要在文本左侧放置一个背景图像 我的问题是,如何将小图像放置在文本的左侧 非常感谢。如果我理解正确 li{ list-style-position:

我使用的是Drupal7.26——我创建了一个菜单,并在菜单中输入了一些链接。我现在正在尝试设置菜单样式-它已将链接输出为项目符号列表

我设计了li元素的样式,以提供填充、边距、文本颜色和背景颜色。我现在把每个菜单项都放在一个蓝色的盒子里,这正是我想要的。但是,我现在需要去掉每个菜单项蓝色背景左侧和外部的项目符号,相反,在菜单项背景框内,我需要在文本左侧放置一个背景图像

我的问题是,如何将小图像放置在文本的左侧


非常感谢。

如果我理解正确

li{
    list-style-position: inside;
    list-style-image: url('image/path/here');
}
如果没有,请张贴小提琴

以上代码将设置页面中所有
li
的样式。要使其特定,请使用类名。

ul.menu li

u可以插入图像而不是构建点。我敢肯定。但如果你需要更大的图片,你只需在链接前加上图像标签,并与ccs左对齐即可。太好了!非常感谢,这正是我想要的。对于将来看到这个的其他人,我还必须为ul li a和li添加行高和填充,因为文本显示在图像的右侧,但在底部,所以我需要添加填充和行高,使其看起来像图像右侧的文本是垂直对齐的center@CarlBowles很好。。如果我的答案对您有帮助,请将其标记为答案。:)@CarlBowles请将他的答案标记为“好”(单击答案左侧的小“V”将其变为绿色)。这对他来说是件好事;o)