일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 깃
- 코드공유
- 세로메뉴바
- 웹퍼블리셔
- 타입스크립트
- jQuery
- 코딩독학
- JS
- PROJECT
- 정보처리기사
- github
- JavaScript
- 비전공자
- 렛츠기릿자바스크립트
- HTML
- git
- 슬라이드전환
- 프론트엔드
- 리액트
- web
- 연산자
- 웹디자인기능사실기
- Supabase
- 웹디자인기능사
- 웹디실기
- 생활코딩
- 자바스크립트
- CSS
- react
- 실기
Archives
- Today
- Total
목록border겹침 (1)
코딩하는라민

CSS border 여러줄 겹치는 경우 겹침 현상 없애기 1. position과 border로 겹친부분 배경색으로 처리해서 안보이게 만들기 ① position 을 주고 top 마이너스 값으로 위치를 조정하여 완전히 겹쳐 한줄처럼 보이게 만들어준다. ② border-bottom 을 배경색과 동일한 색으로 지정한 후 ③ z-index 로 밑의 div 보다 앞에 보이게 만들어준다. z-index → position 을 준 경우 겹친 요소에 대해 수직 위치를 지정할 수 있다. 숫자가 클 수록 제일 위에 오게 되며, 숫자가 작을수록 숫자가 큰 것보다 아래에 보이기 때문에 가려져서 보이지 않을 수도 있다. 기본값은 auto이며, 속성이 주어지지 않았다면 0으로 취급함. 레이어같은 느낌 hello Laudantium..
Styling/CSS
2022. 9. 24. 01:51