[CSS] 배경색 반반 설정하기

 

 

 

 

1.  배경색 방향 - 상하

 

 

 

div { background: linear-gradient(to bottom, #0026DD 50%, #EEEEEE 50%); }

 

 to bottom  의 자리에 to top, to left, to right의 방향 값이나 0deg, 90deg 등의 각도 값을 통해 배경의 방향과 각도를 설정할 수 있습니다.

 

 

 

 

2.  배경색 방향 - 좌우

 

 

 

div { background: linear-gradient(to right, #0026DD 50%, #EEEEEE 50%); }

 

 

 

 

반응형

 

 

 

3.  배경색 비율

 

 

 

div { background: linear-gradient(to right, #0026DD 20%, #EEEEEE 20%); }

 

색상값 뒤의 % 값을 조정하면 배경색의 비율을 조정할 수 있습니다.