CSS의 cursor 속성에 대해서 간단히 알아본다. 어떤 속성이 어떤 모양인지만 알고 있어도 유용하게 사용할 수 있다. 각 커서 모양의 설명이나 사용가능한 스팩(브라우저 버전)에 대해서도 자세히 설명하지 않는다. [ 화면 중간과 하단에 테스트해볼 수 있는 부분이 있으니 참고 ] [ 화면 중간과 하단에 테스트해볼 수 있는 부분이 있으니 참고 ] 이미지 예시) 이미지 : Microsoft (https://msdn.microsoft.com/en-us/library/aa358795(v=vs.85).aspx) CSS 의 cursor 속성이다. style="cursor:auto" style="cursor:crosshair" style="cursor:default" style="cursor:pointer" styl..

css를 이용하여 태그에 간단하게 그림자 효과를 주는 방법이다. box-shadow 를 사용하면 기본적인 그림자 효과를 구현 할 수 있다. IE 는 9 이상부터 지원 가능하고 다른 브라우저들(크롬, 파폭, 사파리 등)은 모두 가능하다. box-shadow 의 각 항목들의 순서는 우, 좌, 흐릿한 정도(블러) 색상 순서이다. 각 항목을 잘 조정하면 간편하게 그림자 효과를 구현 할 수 있다. text-shadow 도 사용 방법 및 각 항목들의 순서는 동일하나 IE 는 10 이상부터 지원 가능하고 다른 브라우저들(크롬, 파폭, 사파리 등)은 모두 가능하다. box-shadow 예제소스 .divBox { width : 200px; height : 200px; background-color : green; bor..

무료 버튼 겸용 아이콘 사이트를 추천해요 ㅎㅎ 무료(상용 가능)이고 (하단의 라이센스 정보를 포함하고 있으니 참고 바람) 아이콘 종류가 많고 사용이 간편하다. 버튼으로도 사용이 가능하고 때로는 이미지 아이콘처럼 사용도 가능하다 이미지를 폰트로 만든다고 하는데 개념이고 뭐고 잘 모르겠고 이미지보다 낫다고들 한다. 일단 편하고 종류가 많고 이미지작업을 안해도된다. http://fortawesome.github.io/Font-Awesome/ 여기에 방문해서 화면의 다운로드를 눌러 다운 받으면 된다. font-awesome-x.x.x 폴더 내부에 있는 파일들(css를 비롯한 각종 폴더들)을 진행중인 프로젝트에 위치시킨다. 아이콘 확인 방법은 화면의 빨간 박스로 표시된 메뉴를 누른다. 그럼 아래와 같은 사용이 가..