웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 배경이미지 여러개 다중 설정 멀티 background CSS 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] 배경이미지 여러개 다중 설정 멀티 background CSS

해피CGI윤실장 2019. 3. 19. 09:08

코딩할 때, 여러개의 배경이미지를 중첩으로 사용해야 하는
경우가 종종 발생하게 됩니다.

이때, 기존에는 Div를 여러가지로 중첩시켜
각개의 DIV 마다 background 이미지를 설정하였었습니다.

하지만, 콤마를 활용하게 되는 경우에는
하나의 Class에 여러개의 배경이미지를 동시에 적용할 수 있습니다.

.bgstyle {background:url(../img/background1.png) no-repeat, url(../img/background2.png) no-repeat;}

위와같이 기존에 익히 알고있는 배경이미지선언에서 콤마만
입력해줘도, 다중으로 사용이 가능하게 됩니다.

이로써 비교적 소스가 간편해질수 있습니다.
단. html5에서 사용가능합니다.

 

 

 

홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] 3개의 점으로 만들어진 css 로딩 애니메이션 "three-dots"  (0) 2019.03.26
[해피CGI][cgimall] css의 text-shadow효과 모음 사이트 "Trendy CSS Text Shadows"  (0) 2019.03.25
[해피CGI][cgimall] 크롬 Window Resizer + Screensiz 모바일 및 태블릿 사이즈별 확인  (0) 2019.03.18
[해피CGI][cgimall] CSS를 이용한 탭메뉴  (0) 2019.03.08
[해피CGI][cgimall] Display flex를 이용한 컨텐츠 세로중앙정렬  (0) 2019.03.04
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments