-
cssbackground-image 한 클래스에 여러개 넣기Html&css 2024. 7. 19. 09:40
.class { width: 100%; height: 100vh; /* or any other appropriate height */ background-image: url('imges1.png'), url('imges2.png'), url('imges3.png'); background-position: left 0 top 143px, left 0 top 455px, right 0 bottom 0; background-size: 152px 243px, 255px 327px, 226px 227px; background-repeat: no-repeat; position: absolute; }
background-image는 한 클래스에도 여러개를 넣을 수 있고, 이미지 사이즈와 위치까지 따로 지정이 가능함
'Html&css' 카테고리의 다른 글
active 되는 border의 px이 다른 경우 width값 유지하는 방법 (0) 2024.06.25 각 운영체제에서 스크롤바 숨기기 (2) 2023.02.14 사용자 접근성을 고려한 '스크린 리더' (0) 2023.02.13 파비콘 만들기 (0) 2023.02.06 svg 사용 (0) 2023.02.06