我想用不同的 colored颜色 在css中画一个半圆弧,如图所示.
我使用了以下代码.
超文本标记语言
<div class="gradient">
<span class="one"></span>
<span class="two"></span>
<span class="three"></span>
<span class="four"></span>
<span class="five"></span>
</div>
CSS
.gradient span{
height: 10px;
display: block;
width: 100px;
}
.gradient .one{
background-color: red;
}
.gradient .two{
background-color: green;
}
.gradient .three{
background-color: yellow;
}
.gradient .four{
background-color: black;
}
.gradient .five{
background-color: orange;
}
事实上,我想使这个半尺的CSS与圆角的每个跨度.