하나의 div에 두가지 배경색을 넣기 위한 방법

This is some content.

하나의 div에 두가지 배경색을 넣기 위한 방법은 그라데이션을 이용하는 방법이 있다.

그라데이션을 50% 50%씩주면 사실상 두가지 배경색이 나타나는 것과 동일한 효과를 누릴 수 있다.

#content{

height:100vh; /* 구미에 맞게 수정 */

display: flex;

flex-direction: column;

align-items: center;

background: linear-gradient(to bottom, #f5f4f3 50%, tomato 50%);

}