본문 바로가기

www/CSS_tip51

링크 색상 하이퍼링크의 색상 태그에서 바로 적용해도 됩니다. 하이퍼링크의 색상 하이퍼링크의 색상 그러나 마우스를 올렸을때(hover) 효과를 주기위해서 일반적으로 아래와 같은 방법을 더 많이 사용합니다. a:link는 방문한적이 없는 일반적인 링크를 의미합니다. a:visited는 방문한 적이 있는 링크를 의미합니다. a:active는 클릭하는 순간을 의미합니다. 클릭은 순식간에 이루어지기 때문에 이 부분은 구별이 잘 안갑니다. a:hover는 마우스를 올렸을때를 의미합니다. 위의 예제에서도 볼 수 있듯이 이 부분을 강조를 하는 경우가 많습니다. ※출처 : http://www.homejjang.com/ 2014. 1. 1.
스크롤바 색상 scrollbar 속성을 이용하면 스크롤바의 색상을 바꿀 수 있습니다. IE 5.5 이상 버전에서만 적용됩니다. 스크롤바의 각 부분의 명칭은 아래 그림과 같습니다. ※출처 : http://www.homejjang.com/ 2014. 1. 1.
마우스 커서 - CSS를 이용한 마우스 커서 모양 지정 cursor 속성을 이용하면 마우스 커서의 형태를 지정할 수 있습니다. 아주 간단하므로 예제를 보시면 금방 이해가 됩니다. Auto Crosshair Default Pointer Move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help아래 예제에서 글자위에 마우스를 올리면 모양이 변합니다. AutoCrosshairDefaultPointerMovee-resizene-resizenw-resizen-resizese-resizesw-resizes-resizew-resizetextwaithelp ※출처 : http://www.homejjang.com/ 2014. 1. 1.
table - overflow 속성을 사용한 테이블 스크롤 효과 overflow 속성을 사용한 테이블 스크롤 효과는 많은 부분에 응요할 수가 있습니다. 아래와 같이 overflow 속성값을 auto로 지정한 DIV element 사이에 테이블을 입력하면 스크롤이 생깁니다. 이름 성적 홍길동 99 홍길순 95 김개똥 82 김철수 80 김영희 78 이철수 75 이영희 60 이와 같은 방식의 테이블이 잘 쓰이지는 않지만 이런식으로도 응용이 가능하다는 걸 보여주기 위함입니다. 이름성적홍길동99홍길순95김개똥82김철수80김영희78이철수75이영희60※출처 : http://www.homejjang.com/ 2014. 1. 1.

티스토리툴바