문제
backgroun-color를 설정할 때 padding까지 배경색이 먹는 문제 발생
해결책
다음과 같은 속성 사용하기
background-clip: padding-box;
추가정보
background-clip의 값은 padding-box, border-box, content-box가 있다.
- padding-box : 배경색이 padding+content에 영향을 미친다.
- border-box : 배경색이 border+padding+content에 영향을 미친다.
- content-box : 배경색이 content에 영향을 미친다.
[ 참고 ]
https://www.w3schools.com/cssref/css3_pr_background-clip.php
W3Schools.com
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
'CSS' 카테고리의 다른 글
| [ CSS ] Zustand js와 ts로 사용해보기 (0) | 2024.08.22 |
|---|---|
| [ CSS ] 텍스트 줄이기 (0) | 2024.08.19 |
| [ CSS ] input[type="date"] 커스텀하기 + :valid 작동 안하는 문제해결 (0) | 2023.06.22 |
| [ CSS ] Grid - Auto Columns and Rows (0) | 2023.04.16 |
| [ CSS ] SCSS - variables, nesting, mixins, extends (0) | 2023.04.15 |