image.png

    1. <div class="wrapper">  
    2.   <div><img src="http://www.xuzhoujob.com/Uploadfiles/PersonFile/2014527742486443.jpg" style="width:100%;-webkit-transform: skew(15deg);margin-left: -10px;"></img></div>
    3. </div>
    4. <div class="wrapper">  
    5.   <div><img src="http://www.xuzhoujob.com/Uploadfiles/PersonFile/2014527742486443.jpg" style="width:100%;-webkit-transform: skew(15deg);margin-left: -10px;"></img></div>
    6. </div>
    1. .wrapper {
    2.   width: 300px;
    3.   height: 400px;
    4.   border: 2px dotted red;
    5.   margin: 30px auto;
    6.   float: left;
    7. }
    8. .wrapper div {
    9.   width: 300px;
    10.   height: 400px;
    11.   line-height: 400px;
    12.   text-align: center;
    13.   color: #fff;
    14.   background: #2189de;
    15.   -webkit-transform: skew(-15deg);
    16.   -moz-transform:skew(-15deg) 
    17.   transform:skew(-15deg);
    18.   overflow:hidden;
    19. }