계단식 스타일 시트를 사용하여 배경색을 제어하는 ​​방법
CSS (Cascading Style Sheets)를 사용하여 전체 웹 페이지 및 웹 페이지의 개별 요소에 대한 배경색을 제어 할 수 있습니다. 웹 페이지의 배경색을 흰색으로 설정하고 단락 (개별 요소)의 배경색을 빨간색으로 설정하는 예를 살펴 보겠습니다.

기본 CSS 코드







선택기

이 예에는 두 가지 CSS 규칙이 있습니다. HTML 태그의 본문은 첫 번째 규칙의 스타일을 전체 웹 페이지의 배경에 적용하도록 브라우저에 지시하는 선택기입니다. HTML의 p

태그는 브라우저에 웹 페이지의 단락 (요소)에 두 번째 규칙을 적용하도록 지시합니다.

속성

배경색
배경색은 스타일에 의해 제어되는 속성입니다. 이 예에서는 웹 페이지와 단락 모두에 배경색 속성이 설정되어 있습니다. 배경색 속성 이름 뒤에는 콜론 (:)이옵니다.

가치
#ffffff
빨간
콜론의 오른쪽에는 배경색의 값이 있습니다. 이 예에서는 첫 번째 규칙에서 흰색 (#ffffff)의 16 진수 코드가 사용되고 두 번째 규칙에서 빨간색 (빨간색)의 색 이름이 사용됩니다. 배경색을 투명하게하려면 RGB 색상 코드를 사용하거나 값을 투명하게 설정할 수도 있습니다.

배경색 : 투명
배경색 : rgb (255,0,0)





비디오 지침: [CSS 기초이론] - CSS 배경 그라디언트 만들기(linear-gradient, radial-gradient) (할 수있다 2024).