CSS3 user-interface1 CSS3 Button, User-interface, Multi-column CSS3 button CSS를 이용하면 다양한 모양의 버튼을 여러 방식으로 만들 수 있다. CSS에서 버튼은 태그 뿐만 아니라 태그와 태그로도 만들 수 있다. button 태그 a 태그 button 타입의 input 요소에서 내부에 표시될 문자열은 value 속성값으로 설정할 수 있다. 다음 예제는 마우스를 올리면 배경색이 변하는 버튼 예제이다. 위의 예제처럼 transition-duration 속성을 이용하면, 배경색 뿐만 아니라 글자의 색상까지 변경되게 할 수 있다. 다음 예제는 그림자 효과를 설정한 버튼 예제이다. 위의 예제처럼 box-shadow 속성을 이용하면, 버튼에 실제와 같은 그림자 효과를 간단히 설정할 수 있다. 다음 예제는 버튼을 사용하지 못하도록 설정하는 예제이다. 위의 예제처럼 di.. 2020. 10. 29. 이전 1 다음
