CSS는 다음 코드처럼 단순하게 초기 레이아웃을 보여 주기 위한 기본적인 스타일 속성이 정의되어 있습니다. 보면 충분히 이해할 수 있으므로 따로 설명하지 않습니다.
07/01/flex-basic.css
.flex-container{
width:300px;
height:200px;
background-color:#c4c4c4;
border:1px solid black;
}
.flex-item{
color:white;
background-color:#ff5252;
}
.flex-item:nth-child(2n){
background-color:#bf5e5e;
}
그림 7-3 실행결과
예제 코드를 실행하면 실행결과처럼 나옵니다.