CSS
.block {
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
color-stop(.25, rgb(219, 217, 204)), color-stop(.25, rgb(237, 235, 220)),
color-stop(.5, rgb(237, 235, 220)), color-stop(.5, rgb(219, 217, 204)),
color-stop(.75, rgb(219, 217, 204)), color-stop(.75, rgb(237, 235, 220)),
to(rgb(237, 235, 220)));
background-image: -webkit-linear-gradient(45deg, rgb(219, 217, 204) 25%, rgb(237, 235, 220) 25%,
rgb(237, 235, 220) 50%, rgb(219, 217, 204) 50%, rgb(219, 217, 204) 75%,
rgb(237, 235, 220) 75%, rgb(237, 235, 220));
background-image: -moz-linear-gradient(45deg, rgb(219, 217, 204) 25%, rgb(237, 235, 220) 25%,
rgb(237, 235, 220) 50%, rgb(219, 217, 204) 50%, rgb(219, 217, 204) 75%,
rgb(237, 235, 220) 75%, rgb(237, 235, 220));
background-image: -ms-linear-gradient(45deg, rgb(219, 217, 204) 25%, rgb(237, 235, 220) 25%,
rgb(237, 235, 220) 50%, rgb(219, 217, 204) 50%, rgb(219, 217, 204) 75%,
rgb(237, 235, 220) 75%, rgb(237, 235, 220));
background-image: -o-linear-gradient(45deg, rgb(219, 217, 204) 25%, rgb(237, 235, 220) 25%,
rgb(237, 235, 220) 50%, rgb(219, 217, 204) 50%, rgb(219, 217, 204) 75%,
rgb(237, 235, 220) 75%, rgb(237, 235, 220));
background-image: linear-gradient(45deg, rgb(219, 217, 204) 25%, rgb(237, 235, 220) 25%,
rgb(237, 235, 220) 50%, rgb(219, 217, 204) 50%, rgb(219, 217, 204) 75%,
rgb(237, 235, 220) 75%, rgb(237, 235, 220));
background-size: 40px 40px;
padding: 10px 10px 20px;
position: relative;
width: 50%;
}
.block::before,
.block::after
{
content: '';
position: absolute;
bottom: 0;
height: 10px;
width: 50%;
background:...