Question

我是网络新手。一切都很好，但在这种情况下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;

}

Answer 1

将此添加到您的css

overflow:hidden;

Answer 2

试试这个：

.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;
}

CSS3 Border Radius不适用于div元素

2 个答案: