격자 CSS

1 개요

격자 CSS

html

Copy

<style>
.box {
  height: 100px;
  border:1px solid silver;
}
.grid {
  background-size: 10px, 30px, 10px 10px, 30px 30px;
  background-image: linear-gradient(90deg, #00000004 1px, transparent 1px), linear-gradient(90deg, #00000004 1px, transparent 1px), linear-gradient(#00000004 1px, transparent 1px), linear-gradient(#00000004 1px, transparent 1px);
}
</style>
<div class="box grid">
Hello World
</div>

2 같이 보기

• 격자