본문 바로가기 메뉴 바로가기

Dongi_coding 동기_코딩

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Dongi_coding 동기_코딩

검색하기 폼
  • 분류 전체보기 (345)
    • JSP (0)
    • GitHub (0)
    • Java (23)
    • 리눅스 (1)
    • HTML & CSS (29)
    • 연습 (0)
    • HTML (47)
    • Python (82)
    • Markdown (2)
    • Flask (1)
    • Web_internet (1)
    • JavaScript (58)
    • CSS (51)
    • TypeScript (45)
    • 프로그래머스 코딩테스트 (3)
    • Computer Science (2)
  • 방명록

:visited (1)
[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
  • javascript
  • 프로그래머스
  • 타입스크립트
  • Array
  • 자바스크립트
  • html
  • CSS
  • 동기코딩
  • HTML 기본
  • 파이썬
  • Typescript
  • 함수
  • 객체
  • for문
  • 실수
  • function
  • 메서드
  • Object
  • Python
  • Margin
  • html table
  • CSS 포지션
  • 반복문
  • method
  • em
  • css position
  • padding
  • if문
  • 타입 좁히기
  • Type
more
«   2025/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바