':hover' 태그의 글 목록

안녕하세요 동기 여러분! 오늘은 pseudo-class 가짜 클래스에 대해 알아보도록 합시다! Pseudo-class HTML에 input 태그를 넣어 실행하면 아래와 같은 화면이 나옵니다. 네모 박스 안에 텍스트를 넣기 위해 클릭을 하면 아래와 같이 네모 박스가 짙게 변합니다. 뭬야? HTML에 a 태그를 넣어 실행하면 아래와 같은 화면이 나옵니다. 이를 클릭할 때도 색이 변하고 돌아와도 링크의 색이 변합니다. 뭔가 적어보시오! 또한 HTML에 submit form을 만들어 실행하면 아래와 같은 화면이 나옵니다. 이때 제출에 마우스를 올려두어도 색이 변하고 제출을 누르면 색도 변하고 네모 박스도 짙어집니다. 위와 같은 활성화 된 상태도 CSS에서 꾸미거나 조절할 수 있는데 그것이 바로 오늘 알아볼 가짜..

CSS 2021. 12. 21. 09:27

이전 1 다음