简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML 웹 페이지의 배경색을 변경하는 방법

下次还敢
풀어 주다： 2024-04-05 11:42:16
원래의
566명이 탐색했습니다.

HTML 웹페이지의 배경색을 변경하려면: 변경하려는 파일을 엽니다. <body> 태그에 스타일 속성을 추가합니다(예: ). #rrggbb를 16진수 색상 값(예: 흰색의 경우 #ffffff)으로 바꿉니다. 페이지를 저장하고 새로 고치면 배경색이 업데이트됩니다.

HTML 웹 페이지의 배경색을 변경하는 방법

HTML 웹페이지의 배경색 수정 가이드

HTML 웹페이지의 배경색을 변경하려면 다음 단계를 따르세요.

1 변경할 페이지를 결정하세요

.
  • 먼저 HTML 페이지의 배경색을 변경하고 싶은지 확인하세요.

2. HTML 파일을 엽니다.

  • 텍스트 편집기나 IDE를 사용하여 수정하려는 HTML 파일을 엽니다.

3. 다음과 같이 <body> 태그 스타일을 추가합니다. <body> 标签样式

  • 在 <body> 标签内添加 style 属性，如下所示：
<code class="html"><body style="background-color: #rrggbb"></code>
로그인 후 복사
  • 其中，#rrggbb 部分是用六位数字表示的十六进制颜色值。例如，白色为 #ffffff，黑色为 #000000。

4. 指定颜色值

  • 将 #rrggbb

<body> 태그에 style 속성을 ​​추가합니다. 다음과 같이 표시됩니다. 

<code class="html"><body style="background-color: #0000ff"></code>
로그인 후 복사
    여기서 #rrggbb 부분은 6자리로 표시되는 16진수 색상 값입니다. 예를 들어 흰색은 #ffffff이고 검은색은 #000000입니다.

4. 색상 값 지정 ​​

#rrggbb 부분을 배경색으로 사용하려는 색상 값으로 바꿉니다.

5. 페이지를 저장하고 새로 고칩니다.

    HTML 파일을 저장하고 페이지를 새로 고칩니다. 배경색이 지정된 색상으로 업데이트됩니다.
    • 샘플 코드:
  • 파란색 배경으로 변경하는 샘플 코드: 
<code class="html"><body style="background-color: #00ff00"></code>
로그인 후 복사
녹색 배경으로 변경하는 샘플 코드: 🎜rrreee🎜🎜기타 옵션: 🎜🎜🎜🎜🎜CSS 클래스 사용: 🎜특정 A로 만들기 웹 페이지의 일부 또는 전체에 적용되는 배경색에 대한 CSS 클래스입니다. 🎜🎜🎜JavaScript 사용: 🎜JavaScript를 사용하여 웹페이지의 배경색을 동적으로 변경합니다. 🎜🎜

위 내용은 HTML 웹 페이지의 배경색을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css
원천：php.cn
이전 기사：HTML 웹 페이지를 만드는 방법 다음 기사：HTML에서 웹 페이지의 배경색 그라데이션을 설정하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
WordPress 6.0(add_editor_style)은 Gutenberg 편집기에서 style.css를 로드하지 않습니다. 저는 맞춤형 WordPress 블록 테마를 만들기 위해 UdemyWordPress 과정을 수강하고 있습니다. function.php에 블록 유형을 성공적으로 등록...
에서 2023-11-12 20:37:50
0
2
261
큰 숫자에서는 작동하지 않는 소수의 CSS 선행 0 최근에 100개가 넘는 목록 항목이 포함된 순서가 지정된 목록을 생성하는 문제에 직면했습니다. 나는 list-style:decimal-leading-zero;ol...
에서 2023-11-07 10:35:53
0
1
236
Sass 오류: 파일이 이미 로드되었습니다: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass'; src\css\quasar.variables.scss 저는 퀘이사 프레임워크를 사용하고 있으며 프로젝트를 컴파일하는 동안 위의 오류 모듈 빌드 실패(./node_modules/sass-loader/dist/cjs.j...
에서 2023-11-06 21:38:55
0
1
219
HTML/CSS에 배경 비디오를 삽입하는 방법은 무엇입니까? 안녕하세요 여러분, 최근에 문제가 발생했습니다. 내 웹사이트에 비디오 배경을 설정하려고 하는데 중앙에 있는 텍스트가 맨 아래까지 계속 실행됩니다. 이유는 모르겠지...
에서 2023-11-06 13:59:13
0
1
240
JavaScript에서 색상이라는 CSS/HTML의 RGB 값을 얻는 방법 [name-rgb]라는 Javascript 개체를 만들었습니다. 기본: 명명된Colors={AliceBlue:[240,248,255],AntiqueWhite:[2...
에서 2023-11-06 09:05:50
0
2
210
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！