CSS3利用背景渐变和background

    <div class="div1">div>div1

        div{
            width: 200px;
            height: 200px;
        }
        .div1{

            background: linear-gradient(#ff0 30%, #f00 30%);
            background-size: 100% 30;
        }

        .div5{
            background: linear-gradient(#ff0 30%, #f00 90%);
            background-size: 100% 30px;
        }

        .div3{
            background: repeating-linear-gradient(30deg,#ff0,#ff0 10px,#f00 0,#f00 30px);
            /*background-size:30px;*/
        }

        .div4{
            background: repeating-linear-gradient(30deg,#ff0,#f00 30px);
        }