☭DEVELOPER/#2 웹개발(자바기반 풀스택)

비주얼 스튜디오 코드⑨ 필터효과, 박스사이징

조반짝 2023. 5. 24. 13:34
728x90
반응형

01 filter

 

img: 자기 영역이 있음

인라인 구조

사진과 사진사이에 여백이 있음

여백을 없애고 싶다면?

인라인 구조를 블럭구조로 바꾸면 된다. display: block;

 

filter: blur(치수) _ 흐림효과

filter: brightness(치수) _ 밝기효과 : 0:검정색 / 1: 원본컬러

filter: contrast(치수) _대비

filter: grayscale(치수) _흑백변환

02 box-sizing

box-sizing: border-box

패딩값을 포함해서 박스사이즈를 출력해줌, 즉 패딩값을 줘도 박스사이즈가 변하지않는다.

초기화할 때 사용

 

728x90
반응형