imagen diagonal

[mardojai]

También puedes poner un div con la imagen de fondo:

Código HTML:

<div class="libro">
    <div class="nuevo"></div>
    <div class="contenido">
        <p>Leído 680 veces</p>
    </div>
</div>
 

Código CSS:

.libro {
    position: relative;
    width: 150px;
    height: 200px;
}
 
.nuevo {
    background: url('imagen_de_la_esquina') no-repeat;
    height: 70px;
    left: 0px;
    position: absolute;
    top: 0px;   
    width: 70px;
}
 

Ejemplo: https://jsfiddle.net/690stsp6/