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
이 순서가 중요함.
반응형
'Knowledge Wiki > HTML&CSS' 카테고리의 다른 글
[ HTML/CSS ] BEM (Block__Element--Modifier) (0) | 2021.12.07 |
---|---|
[ HTML/CSS ] OOCSS (Object Oriented CSS) (0) | 2021.12.07 |
[ HTML/CSS ] 표, <table> (0) | 2021.12.07 |
[ HTML/CSS ] <select>, <textarea> (0) | 2021.12.07 |
[ HTML/CSS ] <input> type별 CSS 스타일링 (0) | 2021.12.07 |