Html CSS3边界半径不适用于div元素

Html CSS3边界半径不适用于div元素,html,css,Html,Css,我是网络新手。一切都很好,但在这种情况下,border radius无法在浏览器中工作,任何人都喜欢chrome/FF。 CSS代码如下所示: .work-step div { color: #e67e22; margin: 2px solid #e67e22; display: inline-block; border-radius: 50%; //not working height: 50px; width: 50px; text-align: center; float: left; p

我是网络新手。一切都很好,但在这种情况下,border radius无法在浏览器中工作,任何人都喜欢chrome/FF。 CSS代码如下所示:

.work-step div {
color: #e67e22;
margin: 2px solid #e67e22;
display: inline-block;
border-radius: 50%; //not working
height: 50px;
width: 50px;
text-align: center;
float: left;
padding: 5px;
font-size: 120%;
margin-left: 25px;
}将此添加到您的css中

overflow:hidden;
试试这个:

.work-step {
    background-color: #555555;
    color: #e67e22;
    margin: 2px solid #e67e22;
    display: inline-block;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    float: left;
    padding: 5px;
    font-size: 120%;
    margin-left: 25px;
}

这并不是说它会阻止边界半径的工作,但您的边距属性(
margin:2px solid#e67e22;
)不正确。您还可能需要显示更多代码才能找到问题<代码>边框半径:50%是一个有效的属性和值,因此您的问题可能来自其他地方。为什么边距属性不正确或应该是什么?实际上,只有在没有边框半径的情况下,才能正常工作。我不知道怎么解决。我在听别人讲课。你用来计算保证金的值与你用来计算边界的值相似。您可以在此处看到
margine
属性的可接受值:您愿意解释您的答案吗?此外,您的CSS代码无效。
margin
的值无效,margin不能采用
solid
或十六进制代码问题在于边界半径。我解决了那个问题。我还没有检查其他问题,对不起,这是正确的答案,任何人在未来看这个溢出:隐藏;这是魔术吗