自定义缩略图设计 css

Question

网页设计相对较新。也许这是微不足道的，但我看到人们在这里互相帮助，所以我寻求帮助来实现这个缩略图设计（在我的 bootstrap 网站上）：

Answer 1

下面的设计有两个div。有一个主 division 和另一个 div ，对于仅在左上角和右上角的曲线角，您可以使用此代码：

.maindiv {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

对于 HTML 中的整个 division 设计，您可以使用：

<div class="maindiv">
 <!-- Image Here -->
 <div class="foo">
  <!-- Content Here -->
 </div>
</div>