Custom Thumbnail Design css

Question

Relativ neu im Webdesign. Vielleicht ist das trivial, aber ich sehe die Menschen hier ihnen helfen, so dass ich um Hilfe bitte dieses Miniatur-Design bei der Erreichung (auf meiner Bootstrap-Website):

Answer 1

Der folgende Entwurf zwei divs hat. Es gibt eine Hauptabteilung mit einem anderen div in ihm ist, und für die Bogenecken nur oben links und oben rechts können Sie diesen Code verwenden:

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

für die ganze Abteilung Design in HTML, können Sie verwenden:

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