Html CSS图标故障？

我目前正在尝试编码一个扬声器图标，我几乎完成了，但扬声器的内圈出现了故障，但它在CSSBattle网站上工作，我现在无法修复。每个圆圈都工作正常，但只有第一个圆圈以某种方式卡住了。。我非常感谢你的帮助。我解决不了所以。。。代码如下：

正文{
背景色：#191919；
宽度：400px；
高度：300px；
}
.扬声器三角{
利润率最高：13%；
左缘：2%；
高度：0px；
宽度：0px；
边框顶部：100px实心#191919；
边框底部：100px实心#191919；
左边框：90px实心#191919；
右边框：90px实心#5DBCF9；
}
.扬声器支架{
背景色：#5DBCF9；
宽度：60px；
高度：50px；
利润上限：-126px；
左边距：68像素；
边框左上半径：9px；
边框左下半径：9px；
}
.内圈{
位置：绝对位置；
背景色：#191919；
身高：80；
宽度：40；
边框右上角半径：110px；
边框右下半径：110px；
利润上限：-80px；
左边距：215px；
边框：10px实心#5DBCF9；
左边框：#191919；
}
.中圈{
位置：绝对位置；
背景色：#19191；
高度：130像素；
宽度：65px；
边框右上角半径：110px；
边框右下半径：110px；
利润上限：-104px；
左边距：215px；
边框：10px实心#5DBCF9；
左边框：#191919；
}
.外圈{
位置：绝对位置；
背景色：#19191；
高度：180像素；
宽度：90px；
边框右上角半径：110px；
边框右下半径：110px；
边缘顶部：-128px；
左边距：215px；
边框：10px实心#5DBCF9；
左边框：#191919；
}

---

您没有在

的高度和宽度之后设置长度单位。内圈

你有：

height: 80;
width: 40;

正确答案是：

height: 80px;
width: 40px;

您可以使用所有浏览器都具有的inspect元素函数来识别此类错误。 正确的完整示例是：

正文{
背景色：#191919；
宽度：400px；
高度：300px；
}
.扬声器三角{
利润率最高：13%；
左缘：2%；
高度：0px；
宽度：0px；
边框顶部：100px实心#191919；
边框底部：100px实心#191919；
左边框：90px实心#191919；
右边框：90px实心#5dbcf9；
}
.扬声器支架{
背景色：#5dbcf9；
宽度：60px；
高度：50px；
利润上限：-126px；
左边距：68像素；
边框左上半径：9px；
边框左下半径：9px；
}
.内圈{
位置：绝对位置；
背景色：#191919；
高度：80px；
宽度：40px；
边框右上角半径：110px；
边框右下半径：110px；
利润上限：-80px；
左边距：215px；
边框：10px实心#5dbcf9；
左边框：#191919；
}
.中圈{
位置：绝对位置；
背景色：#19191；
高度：130像素；
宽度：65px；
边框右上角半径：110px；
边框右下半径：110px；
利润上限：-104px；
左边距：215px；
边框：10px实心#5dbcf9；
左边框：#191919；
}
.外圈{
位置：绝对位置；
背景色：#19191；
高度：180像素；
宽度：90px；
边框右上角半径：110px；
边框右下半径：110px；
边缘顶部：-128px；
左边距：215px；
边框：10px实心#5dbcf9；
左边框：#191919；
}

---

您没有在

的高度和宽度之后设置长度单位。内圈

你有：

height: 80;
width: 40;

正确答案是：

height: 80px;
width: 40px;

您可以使用所有浏览器都具有的inspect元素函数来识别此类错误。 正确的完整示例是：

正文{
背景色：#191919；
宽度：400px；
高度：300px；
}
.扬声器三角{
利润率最高：13%；
左缘：2%；
高度：0px；
宽度：0px；
边框顶部：100px实心#191919；
边框底部：100px实心#191919；
左边框：90px实心#191919；
右边框：90px实心#5dbcf9；
}
.扬声器支架{
背景色：#5dbcf9；
宽度：60px；
高度：50px；
利润上限：-126px；
左边距：68像素；
边框左上半径：9px；
边框左下半径：9px；
}
.内圈{
位置：绝对位置；
背景色：#191919；
高度：80px；
宽度：40px；
边框右上角半径：110px；
边框右下半径：110px；
利润上限：-80px；
左边距：215px；
边框：10px实心#5dbcf9；
左边框：#191919；
}
.中圈{
位置：绝对位置；
背景色：#19191；
高度：130像素；
宽度：65px；
边框右上角半径：110px；
边框右下半径：110px；
利润上限：-104px；
左边距：215px；
边框：10px实心#5dbcf9；
左边框：#191919；
}
.外圈{
位置：绝对位置；
背景色：#19191；
高度：180像素；
宽度：90px；
边框右上角半径：110px；
边框右下半径：110px；
边缘顶部：-128px；
左边距：215px；
边框：10px实心#5dbcf9；
左边框：#191919；
}