CSS 子弹列表的背景图像

Posted 2021-05-23

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 子弹列表的背景图像相关的知识，希望对你有一定的参考价值。

CSS CODE
ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
}


HTML CODE
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Milk&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Eggs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Cheese&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Vegetables&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Fruit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

以上是关于CSS 子弹列表的背景图像的主要内容，如果未能解决你的问题，请参考以下文章

css 子弹列表布局

css 子弹列表颜色

css 为面包屑，列表等创建伪子弹。

Chrome 和 Safari 中子弹列表菜单的 CSS 渲染

使用 CSS 在列表中使背景图像高于背景颜色

css基础背景Text文本格式Font字体链接列表Table表格