댓글 검색 목록

[css] CSS로 스크롤바 구현하기

페이지 정보

작성자 운영자 작성일 15-04-28 14:03 조회 2,160 댓글 0

홈페이지에 신청서 같은 곳에 보면 약관 동의 같은 것에 스크롤이 생기는 것을 볼 수 있습니다.

일반적으로 <textarea>태그를 사용하거나 <iframe>을 사용하는 경우도 있습니다.

 

이것을 CSS로 구현하면 아래와 같습니다.

 

CSS:

.scrollbarsDemo {

height: 250px;

display: block;

overflow: auto;

border: solid 1px #ccc;

padding: 10px;

}

.scrollbarsDemo {

scrollbar-base-color: #C0C0C0;

scrollbar-base-color: #C0C0C0;

scrollbar-3dlight-color: #C0C0C0;

scrollbar-highlight-color: #C0C0C0;

scrollbar-track-color: #EBEBEB;

scrollbar-arrow-color: black;

scrollbar-shadow-color: #C0C0C0;

scrollbar-dark-shadow-color: #C0C0C0;

----

 

미리보기:

http://www.365ok.co.kr/dn/css/scrollbars.html 

댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.