<!DOCTYPE html>
<html>
<head>
    <title>Background Pattern 3</title> 
    <link rel="stylesheet" href="style.css">
</head>
<body>
    
</body>
</html>
body{
    padding: 0;
    margin: 0;
    background-color: #f7a800;
    background-size: 56px 56px;
    background-image:
    linear-gradient(
        135deg,
        transparent 55%,
        #f7a800 55%
    ),
     radial-gradient(
        transparent 6px,
        #ffffff 6px,
        #ffffff 10px,
        transparent 10px,
        transparent 15px,
        #ffffff 15px,
        #ffffff 19px,
        transparent 19px,
        transparent 24px,
        #ffffff 24px,
        #ffffff 28px,
        transparent 28px
    );
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.