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. }