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 | 31 |
Tags
- typescript
- TSDoc
- 티스토리꾸미기
- vue.js
- click and drag
- react
- React Native
- 제네릭
- 레이아웃쪼개기
- 반복줄이기
- 개발콘텐츠
- 타입스크립트
- 커스텀
- 공통컴포넌트
- CSS
- 2022
- const 단언문
- 리액트
- 타입좁히기
- javascript
- JS console
- 누구나 자료구조와 알고리즘
- 성능최적화
- utilty type
- 폰트적용하기
- NonNullable
- returnType
- reactjs
- React.js
- Chart.js
Archives
- Today
- Total
몽땅뚝딱 개발자
[HTML/CSS] :before, :after 태그 본문
- 메뉴에서 구분선을 넣을때는 img 태그와 span 태그 모두 사용해도 되지만 좀 더 깔끔한 구현을 위해서는 :before를 사용한다.
- 반대되는 개념인 :after도 있다.
- display와 content는 꼭 넣어줘야하는 요소이다.
- content 항목: 글자를 넣는다. (여기서는 선만 넣기때문에 영역만 지정해주는 용도로 공백이다.)
.util > li:before {
display: inline-block;
content: "";
width: 1px;
height: 10px;
background-color: #e1e1e1;
margin-right: 10px;
}
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Development > HTML · CSS' 카테고리의 다른 글
[HTML/CSS] @media 태그 / mediaquery (0) | 2021.08.27 |
---|---|
[HTML/CSS] 글자의 색상과 배치 (0) | 2021.08.26 |
[HTML/CSS] z-index (0) | 2021.08.07 |
[HTML/CSS] 부모-자식 설정 (0) | 2021.08.06 |
[CSS] 스크롤바 형태 숨기기 (0) | 2021.06.07 |
Comments