배경 설정의 5가지 스타일 규칙
1. 배경 색상: background-color
2. 배경 이미지: background-image
3. 배경 이미지 반복 방법: background-repeat
4. 배경 위치 지정 방법 image : background-position
5. 배경 이미지 고정 여부 : background-attachment
6. 배경 이미지 크기 설정 : background-size
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.CSS背景设置</title>
<style>
body {
background-color: lightcyan;
background-image: url(../images/bg/sky3-1.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover;
}
div {
width: 300px;
height: 200px;
line-height: 100px;
text-align: center;
background-color: aquamarine;
/*可以通过js等方式来设置背景色透明*/
/*background-color: transparent;*/
border: 1px solid #363636;
}
</style>
</head>
<body>
<div>
<h2>PHP中文网 (<a href="">www.php.cn</a>)</h2>
</div>
</body>
</html>위 내용은 CSS 배경 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
