自定义缩略图设计 css

【问题标题】：Custom thumbnail design css自定义缩略图设计 css
【发布时间】：2017-12-04 04:23:07
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：