1. div 박스를 만든다.

 

2. div 박스 스타일에 가로값과, 세로값을 고정한다.

 

3. 가로 스크롤바가 나오게 하려면 overflow-x:scroll; overflow-y:hidden; 

    가로쪽에 스크롤바 속성을 세로쪽엔 스크롤바가나오지 않는 속성을 지정

 

    세로 스크롤바가 나오게 하려면 overflow-x:hidden; overflow-y:scroll; 

    세로쪽에 스크롤바 속성을 가로쪽엔 스크롤바가나오지 않는 속성을 지정

 

4. 스크롤바에 색상과 컬러 등을 지정하려면 scrollbar 속성을 지정한다.

 

※ 스크롤바 색상과 컬러 지정 속성은 익스플로러에서만 지원하는 속성이기 때문에,

     파이어폭스 및 여타의 브라우저에서는 우리가 알고있는 회색의 스크롤바만 나오게 된다.


<div style="overflow:scroll">

세로 스크롤은 overflow-y:auto;

가로 스크롤은 overflow-x:auto;