관리 메뉴

KorSA

[ HTML/CSS ] pseudo-class 본문

Knowledge Wiki/HTML&CSS

[ HTML/CSS ] pseudo-class

Praiv. 2021. 12. 7. 10:27
320x100

1. pseudo-class쓰면 쓸만한 버튼 만들 수 있음
    <input>, <a> 에도 많이 씀.

.btn:hover {
	background-color: chocolate;
}

.btn:focus {
	background-color: red;
}

.btn:active {
	background-color: brown;
}

.custom-link:link {
	color: violet;
}

.custom-link:visited {
	color: black;
}


    :hover
    :focus
    :active
    이 순서가 중요함.

728x90
728x90
Comments