Question

如何在我的3个不同div中使用相同的类名配合3个不同的图像？

HTML

<div class="project">
<div class="projects" ></div>
<div class="projects"></div>
<div class="projects"></div>
</div>

的CSS

.projects {

    background-color:#ffffff;
    width:200px;
    height:200px;
    margin-left:25px;
    margin-top:60px;
    border-radius: 50%;
    display:inline-block;
}

.project {
    text-align: center;
}

JSFiddle

Answer 1

使用背景图片时，您可以使用background-size选择器上的.projects属性。

它将使所有背景图像具有相同的高度和宽度。

您可以在此处找到有用的示例：http://www.w3schools.com/cssref/css3_pr_background-size.asp

在3个具有相同类名的div中安装3个不同的图像

1 个答案: