<div class="box">
</div>
.box {
  font-size: 16px;
  background: repeating-linear-gradient(
    45deg,
    transparent 0 1rem,
    #c4c4c88c 1rem 2rem
  ),
  repeating-linear-gradient(
    135deg,
    transparent 0 1rem,
    #c4c4c88c 1rem 2rem
  );
  margin: 1rem;
  height: 300px;
  padding: 1rem;
  max-width: 500px;
  
}
View Compiled

External CSS

  1. https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500&amp;display=swap

External JavaScript

This Pen doesn't use any external JavaScript resources.