JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://stackoverflow.com/questions/16286203/background-image-trapeze-css3">background-image : trapeze CSS3</a>

<div class="cote-droit">
   <div class="inner">
       <div class="cote-droit-top"></div>
       <div class="cote-droit-bot"></div>
   </div>
 </div>

CSS

.cote-droit .inner
    {
        position: relative;
        height: 293.04px;
        width: 64.076px;
    }
.cote-droit-top
    {
        width: 64.076px;
        height: 34px;
        background: url(http://i.stack.imgur.com/uiluV.jpg) -227.567px -604px no-repeat;        
    }

.cote-droit-bot
    {
        width: 64.076px;
        height: 180px;
        background: url(http://i.stack.imgur.com/uiluV.jpg) -227.567px -40px no-repeat;        
    }