반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 배열
- Visual Studio Code
- IntelliJ
- Java
- Array
- vscode
- Files
- html
- javascript
- windows
- string
- 자바
- CMD
- input
- Maven
- 자바스크립트
- json
- 이탈리아
- 인텔리제이
- 이클립스
- 테이블
- 문자열
- CSS
- list
- date
- ArrayList
- js
- Eclipse
- table
- Button
Archives
- Today
- Total
목록pseudo elements (1)
어제 오늘 내일
[HTML/CSS] ::before, ::after 가상 요소(Pseudo-elements)
가상 요소란? (Pseudo-elements) CSS 가상 요소는, 선택자에 추가하는 키워드로, 선택한 요소(element)의 일부에만 스타일을 적용합니다. 즉, 선택한 요소 전체에 스타일을 적용하는 것이 아니라, 요소의 일부에만 스타일을 적용합니다. 다시 말해, HTML에 새로운 요소(element)를 추가한 것처럼 동작합니다. 가상 요소 사용법 가상 요소는, ::before, ::after, ::first-letter 와 같이 앞에 '::'를 붙여서 표기합니다. p::first-letter { color: blue; } 위 코드로 영역의 첫번째 글자를 파란색으로 지정할 수 있습니다. 가상 요소 종류 가상 요소의 종류는 다음과 같습니다. ::before ::after ::first-letter ::fi..
IT/HTML&CSS
2022. 7. 26. 06:42