HTML 배경을 설정하는 방법-프런트엔드 Q&A-php.cn

HTML 배경을 설정하는 방법

PHPz

풀어 주다： 2023-05-15 19:12:36

원래의

842명이 탐색했습니다.

HTML 배경을 설정하려면 CSS 스타일시트를 사용하거나 HTML 마크업에 CSS 스타일을 직접 적용할 수 있습니다. CSS 스타일 시트는 전체 웹사이트나 단일 페이지의 스타일을 지정하는 데 사용할 수 있는 파일이고, 인라인 스타일은 개별 요소에 스타일을 설정하는 데 사용할 수 있습니다.

CSS를 사용하여 HTML 배경을 설정하는 방법에 대한 단계는 다음과 같습니다.

CSS 스타일 시트를 만듭니다. HTML 문서의 헤드 부분에서 태그를 사용하여 CSS 파일을 HTML 문서에 연결합니다.
```
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```
로그인 후 복사
CSS 선택기를 통해 배경을 설정하려는 HTML 요소를 선택하세요. 예를 들어, 전체 HTML 문서의 배경을 설정하려면 다음 CSS 규칙을 사용할 수 있습니다.
```
html {
  background-image: url("background.jpg");
  background-size: cover;
}
```
로그인 후 복사
필요한 경우 "Background.jpg"를 설정하려는 배경 이미지의 파일 이름으로 바꿉니다. 배경 이미지가 전체 화면을 채우도록 배경 이미지의 크기를 조정하려면 "배경 크기" 속성을 사용하세요.
HTML 페이지의 특정 부분에 대한 배경만 설정하려는 경우 해당 요소 선택기에 CSS 규칙을 추가할 수 있습니다. 예를 들어 페이지 제목의 배경을 설정하려면 다음 CSS 규칙을 사용할 수 있습니다.
```
h1 {
  background-color: #eee;
}
```
로그인 후 복사
"#eee"를 제목에 설정하려는 색상으로 변경하세요.

CSS 스타일 시트 외에도 HTML 요소에 인라인 스타일을 적용할 수도 있습니다. HTML 태그에서 배경을 설정하는 방법은 다음과 같습니다.