Notice
Recent Posts
Recent Comments
Links
«   2024/11   »
일 월 화 수 목 금 토
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 29 30
Tags more
Archives
Today
In Total
관리 메뉴

A Joyful AI Research Journey🌳😊

CSS: 특정 파일에만 배경 주는 법: class나 id에 배경 설정하기 본문

💻Bootcamp Self-Study Revision✨/HTML5, CSS, Bootstrap, JSP

CSS: 특정 파일에만 배경 주는 법: class나 id에 배경 설정하기

yjyuwisely 2023. 4. 20. 07:00

230419

부트스트랩 템플릿을 사용하면서 화면을 만들고 있고
공통 css 파일을 쓰고 있다.
특정 파일에만 배경이 들어가길 바랐다.
다른 css 파일 안 만들고 단순하게 특정 파일에만 배경이 들어가게 하려면
아래 코드처럼 배경 화면을 특정 class로 만들고

.mainBg {
  background-image:url("../assets/main.jpg"); /* #경로 수정 필요함 # */
  background-size:cover;
  background-attachment: fixed;
  position:fixed-bottom;
 }

만약 body에 배경화면이 들어간다면 아래처럼 클래스를 써서 사용하면 된다.

<body class="d-flex flex-column h-100 mainBg">
728x90
반응형
저작자표시 비영리 동일조건

'💻Bootcamp Self-Study Revision✨ > HTML5, CSS, Bootstrap, JSP' 카테고리의 다른 글

CSS: text가 전혀 없는 클래스에 배경 색상 주는 법: height, width 지정하기  (0) 2023.04.20
Bootstrap: bi bi-download me-2 다운로드 아이콘  (0) 2023.04.20
CSS: 화면 크기 상관없이 section을 정중앙에 배치하게 만들기  (0) 2023.04.16
CSS: 배경 이미지를 크기 상관없이 정중앙에 배치하기  (0) 2023.04.14
'💻Bootcamp Self-Study Revision✨/HTML5, CSS, Bootstrap, JSP' Related Articles more
Comments