Javascript 如何将背景图像作为上标应用于HTML元素
我有三个圆圈。我已经为这些列表项提供了背景颜色。我试图将另一个背景应用到第二个孩子的图像中。有没有更好的办法做这件事。。我试着去实施,但没有成功 我使用代码Javascript 如何将背景图像作为上标应用于HTML元素,javascript,angularjs,html,css,Javascript,Angularjs,Html,Css,我有三个圆圈。我已经为这些列表项提供了背景颜色。我试图将另一个背景应用到第二个孩子的图像中。有没有更好的办法做这件事。。我试着去实施,但没有成功 我使用代码 aaa aaa bbb bbb ccc ccc 我的css是我使用了下面的代码来生成相同的结果 <ul> <li class="first"></li> <li class="second"> <div class="outer-circle"></div
aaa
aaa
bbb
bbb
ccc
ccc
我的css是我使用了下面的代码来生成相同的结果
<ul>
<li class="first"></li>
<li class="second">
<div class="outer-circle"></div>
</li>
<li class="third"></li></ul>
完美。谢谢。
ul
{
list-style: none;
display: inline-block;
}
.first
{
background-color: black;
height: 100px;
width: 100px;
border-radius: 50%;
display: inline-block;
}
.second
{
background-color: blue;
height: 100px;
width: 100px;
border-radius: 50%;
display: inline-block;
}
.third
{
background-color: green;
height: 100px;
width: 100px;
border-radius: 50%;
display: inline-block;
}
.outer-circle
{
background-color: black;
height: 50px;
width: 50px;
border-radius: 50%;
z-index: 1;
position:absolute;
margin-left: 50px;
}