[CSS] Pseudo-class
안녕하세요 동기 여러분! 오늘은 pseudo-class 가짜 클래스에 대해 알아보도록 합시다! Pseudo-class HTML에 input 태그를 넣어 실행하면 아래와 같은 화면이 나옵니다. 네모 박스 안에 텍스트를 넣기 위해 클릭을 하면 아래와 같이 네모 박스가 짙게 변합니다. 뭬야? HTML에 a 태그를 넣어 실행하면 아래와 같은 화면이 나옵니다. 이를 클릭할 때도 색이 변하고 돌아와도 링크의 색이 변합니다. 뭔가 적어보시오! 또한 HTML에 submit form을 만들어 실행하면 아래와 같은 화면이 나옵니다. 이때 제출에 마우스를 올려두어도 색이 변하고 제출을 누르면 색도 변하고 네모 박스도 짙어집니다. 위와 같은 활성화 된 상태도 CSS에서 꾸미거나 조절할 수 있는데 그것이 바로 오늘 알아볼 가짜..
CSS
2021. 12. 21. 09:27
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- function
- 프로그래머스
- em
- 자바스크립트
- HTML 기본
- Type
- html table
- Python
- css position
- if문
- 객체
- Array
- html
- for문
- Object
- Typescript
- CSS 포지션
- padding
- 반복문
- 동기코딩
- CSS
- 타입 좁히기
- 메서드
- 타입스크립트
- Margin
- 파이썬
- 실수
- javascript
- 함수
- method
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함