CSS 實現網格效果

效果

CSS

.grid {

  width: 500px;

  height: 500px;

  background-image: linear-gradient(

    45deg,

    #eeeeee 25%,

    transparent 25%,

    transparent 75%,

    #eeeeee 75%

  ), linear-gradient(

    45deg,

    #eeeeee 25%,

    transparent 25%,

    transparent 75%,

    #eeeeee 75%

  );

  background-size: 50px 50px;

  background-position: 0 0, 25px 25px;

}