Programming > CSS

[css] 웹페이지 배경에 눈금자 만들기

#모눈종이#바둑판#그리드grid#규격#줄자

webpage 배경을 눈금자 표시

1) 눈금자

body {
  background-size: 50px 50px;
  background-image:
    linear-gradient(to right, #dfdfdf 1px, transparent 1px),
    linear-gradient(to bottom, #dfdfdf 1px, transparent 1px);
}

2) 점으로 표시

body {
  background-size: 50px 50px;
  background-image: radial-gradient(circle, #000000 1px, rgba(0, 0, 0, 0) 1px);
}