CSS에서 배경색을 설정하는 방법: 먼저 HTML 샘플 파일을 만든 다음 머리글에 스타일 태그를 추가하고 마지막으로 배경색 속성을 통해 해당 배경색을 설정합니다. . 할 수 있다.
이 글의 운영 환경: Acer S40-51, Windows 10 Home 중국어 버전, HTML5&&CSS3&&HBuilder 배경색을 설정하려면 background-color 속성을 사용하세요.
background-color 속성은 요소의 배경색을 설정합니다. 요소의 배경은 패딩과 테두리(여백은 제외)를 포함한 요소의 전체 크기입니다. background-color 속성은 요소의 단색을 설정합니다. 이 색상은 요소의 콘텐츠, 안쪽 여백 및 테두리 영역을 채우며 요소 테두리의 외부 경계까지 확장됩니다(여백은 아님). 테두리에 투명한 부분(예: 점선 테두리)이 있는 경우 배경색은 이러한 투명한 부분을 통해 표시됩니다.
background-color 속성이 설정할 수 있는 값: color_name: 색상 값이 색상 이름의 배경색(예: 빨간색)임을 지정합니다.
hex_number: 색상 값이 16진수 값(예: #ff0000)인 배경색을 지정합니다.
rgb_number: 색상 값이 rgb 코드(예: rgb(255,0,0))인 배경색을 지정합니다.
투명: 기본값. 배경색은 투명합니다.
대부분의 경우 투명을 사용할 필요는 없지만. 그러나 요소에 배경색을 지정하지 않고 사용자의 브라우저 색상 설정이 디자인에 영향을 주지 않도록 하려면 여전히 투명 값을 설정해야 합니다.
예:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
background-color: pink;
}
h1 {
background-color: #17c4ff;
}
p {
background-color: rgb(255, 218, 51);
}
</style>
</head>
<body>
<h1>这是标题 1</h1>
<p>这是一个段落。</p>
</body>
</html>렌더링:
위 내용은 CSS 배경색 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
