[CSS] 공책처럼 줄 바탕 넣기 - linear-gradient()

https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient

linear-gradient() - CSS: Cascading Style Sheets | MDN

---

 linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
  linear-gradient(#eee .1em, transparent .1em);

<!-- HTML -->
<div class="background">
  <h1>Han's 개발 블로그</h1>
  ---중략----
</div>

/* CSS */
.background {
  background-color: #fff;
  background-image:
  linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
  linear-gradient(#eee .1em, transparent .1em);
  background-size: 100% 1.2em;
  padding-left:10%;
}