CSS
body {
height: 200px;
-moz-background-size: 60px 60px;
background-size: 60px 60px;
background-color: white;
background-repeat: repeat;
background-image:
-moz-linear-gradient(66deg,indianred 22px, transparent 22px),
-moz-linear-gradient(246deg,indianred 22px, transparent 22px),
-moz-linear-gradient(66deg,red 22px, transparent 22px),
-moz-linear-gradient(246deg,red 22px, transparent 22px);
background-image:
-o-linear-gradient(66deg,indianred 22px, transparent 22px),
-o-linear-gradient(246deg,indianred 22px, transparent 22px),
-o-linear-gradient(66deg,red 22px, transparent 22px),
-o-linear-gradient(246deg,red 22px, transparent 22px);
background-image:
-webkit-linear-gradient(66deg,indianred 22px, transparent 22px),
-webkit-linear-gradient(246deg,indianred 22px, transparent 22px),
-webkit-linear-gradient(66deg,red 22px, transparent 22px),
-webkit-linear-gradient(246deg,red 22px, transparent 22px);
background-image:
-ms-linear-gradient(66deg,indianred 22px, transparent 22px),
-ms-linear-gradient(246deg,indianred 22px, transparent 22px),
-ms-linear-gradient(66deg,red 22px, transparent 22px),
-ms-linear-gradient(246deg,red 22px, transparent 22px);
background-image:
linear-gradient(66deg,indianred 22px, transparent 22px),
linear-gradient(246deg,indianred 22px, transparent 22px),
linear-gradient(66deg,red 22px, transparent 22px),
linear-gradient(246deg,red 22px, transparent 22px);
background-position: 0 0, -6px 36px, 30px 30px, 24px 6px;