列表样式类型用作背景

时间:2014-07-04 16:18:52

标签: html css list

我有一个项目列表显示为带有css属性list-style-type: disc;的列表。 在列表的下方,我有一个分开添加的最后一个项目,但我不希望它显示就好像它将成为列表的一部分。

所以我正在寻找一种通过CSS显示此光盘子弹的方法,例如background属性。

我知道我可以添加图片,但我正在尝试找到另一种添加子弹的方法,以确保我的子弹看起来都很相似。

你可以看到我的意思here

有什么想法吗?

P.S:我无法将最后一项添加到列表中,因此我必须找到一种解决方法,仅通过CSS显示此项目符号。

1 个答案:

答案 0 :(得分:2)

尝试创建一个单独的css样式,你可以写这个:

separate { padding-left:30px; height:20px; background-image:url(yourpath/smal-image-circle.png); background-repeat:no-repeat; background-position:top left;}

请注意,div中背景中的图像尺寸应该很小 谢谢。 Oscar Nsarhaza