#gg {

            width: 100px;

            height: 100px;

            background: red;

            position: relative;

        }

​

        #gg:before {

            content: "";

            position: absolute;

            top: 0;

            left: 38px;

            border-bottom: 20px solid red;

            border-right: 20px solid #FFF;

            width: 42px;

            height: 0;

        }

​

        #gg:after {

            content:"";

            position: absolute;

            bottom: 0;

            left: 0;

            border-top: 20px solid red;

            border-left: 20px solid #FFF;

            width: 42px;

            height: 0;

        }

    img{width:100%;height:100%;}