html更改无序列表的图标,你可以在无序列表中为每个列表元素使用不同的图标图像吗？...

我不是CSS的高级用户，但我有一个体面的工作知识，我想。我试着做一个无序列表，为每个列表元素使用不同的图标。我还想在悬停时更改列表元素的背景颜色。你可以在无序列表中为每个列表元素使用不同的图标图像吗？

有没有办法通过CSS来做到这一点，或者你会在列表元素(如下图)中包含图标图像？

Voters

使用列表样式图像在UL水平，使所有的图标相同，我一直没能找出另一种方式。我发现的大多数例子都会教你如何在列表中使用图像，但只有在符号图像相同的情况下。我非常乐于接受我试图做到这一点的建议和改进。

感谢

Instructions
Voters

.content-nav {

font-size:12px;

width:160px;

z-index:0;

}

.content-nav ul {

padding:0 20px;

margin:30px 0;

}

.content-nav li {

padding:5px;

margin:5px 5px;

}

.content-nav li a {

color:#666;

text-decoration:none;

}

.content-nav li.voters a {

background:#FFF;

color:#666;

text-decoration:none;

list-style-image:url(images/voters.jpg);

}

.content-nav li.voters a:hover {

background:#0CF;

color:#000;

}

.content-nav li.instructions a {

background:#FFF;

color:#666;

text-decoration:none;

list-style-image:url(images/voters.jpg);

}

.content-nav li.instructions a:hover {

background:#0CF;

color:#000;

}

2011-04-18

Patrick

你目前正在申请'名单样式图像“到'a'元素而不是'li'元素，所以这是行不通的。 –

2011-04-18 18:27:10

我要调整背景图像，但感谢提示。 –

2011-04-18 18:47:06

html更改无序列表的图标,你可以在无序列表中为每个列表元素使用不同的图标图像吗？...相关推荐

python获取列表长度方法_python - 在Pandas df列中获取有关列表长度（平均长度，最大长度等）的统计信息的大多数pandas-onic方法 - 堆栈内存溢出...
我想获取有关pandas df列中列表长度的统计信息,例如平均长度,最低,最高,标准差等. 例: import pandas as pd dfp = pd.DataFrame( {'trial_num ...
python 列表间隔取值_程序从Python中的间隔列表中查找最长间隔的长度
假设我们有一个间隔列表,其中每个间隔的格式为[start,end].我们必须找到可以合并任意数量的重叠间隔的最长间隔. 因此,如果输入类似于[[1,6],[4,9],[5,6],[11,14],[16 ...
python3 获取文件夹中的文件列表
问题获取文件系统中某个目录下的所有文件列表. 解决方案使用 os.listdir() 函数来获取某个目录中的文件列表,比如: import osfile_name = os.listdir('/U ...
java 股票代码_Java中利用散列表实现股票行情的查询_java
---- 在java中,提供了一个散列表类Hashtable,利用该类,我们可以按照特定的方式来存储数据,从而达到快速检索的目的.本文以查询股票的收盘数据为例,详细地说明java中散列表的使用方法. ...
python 获取文件列表_Python3 - 获取文件夹中的文件列表
问题获取文件系统中某个目录下的所有文件列表. 解决方案使用 os.listdir() 函数来获取某个目录中的文件列表,比如: import os file_name = os.listdir('/ ...
python获取url列表参数_python 获取url中的参数列表实例
Python的urlparse有对url的解析,从而获得url中的参数列表 import urlparse urldata = "http://en.wikipedia.org/w/api. ...
html怎么改无序图标,css怎么设置无序列表？css的列表样式总结
css怎么样设置无序列表的样式你知道吗?这里有无序列表的详细应用,去掉这些图标之类的,还介绍了去掉小圆点给添加的图片的介绍,大家可以自己试试看.现在就让我们一起来看看这篇文章吧首先我们先来看看无序列 ...
求列表最大元素不用max_python3实现从一个无序列表中求取连续元素之和中最大的和...
介绍今天遇到一个需求,要求从一个无序列表中求取连续元素之和中最大的和.使用python做了实现,后来想着可以作为一个小知识点分享出来,或许能在某时某刻给某位同学一些帮助.下面就直接上代码(图片和文字 ...
draft.js_如何使用快捷方式在Draft.js中创建有序列表和无序列表
draft.js by Andrey Semin 通过安德烈·塞米(Andrey Semin) 如何使用快捷方式在Draft.js中创建有序列表和无序列表 (How to create ordered ...

html更改无序列表的图标,你可以在无序列表中为每个列表元素使用不同的图标图像吗？...

html更改无序列表的图标,你可以在无序列表中为每个列表元素使用不同的图标图像吗？...相关推荐

最新文章

热门文章