CSS 使用CSS背景图像的子弹

Posted

tags:

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

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

CSS
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

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

css 使用CSS关键帧动画背景图像

css 背景图像透明度使用CSS

Css:菜单悬停创建自定义形状背景图像?(使用css的平行四边形)

使用 CSS 模糊图像或背景图像的边缘

react, css) 淡入淡出的过渡 css,当背景图像用 className 改变时

使用 JavaScript 获取 CSS 背景图像的大小?