background-color

CSS 공작소에 방문해 주셔서 감사드립니다. 반응형 예제로 느껴보세요!!

background-color 는 배경색을 지정합니다

예제 1

실습 - 배경색 지정해보기

보기

CSS 공작소

	컬러지정
background-color :
background-color : black

설명

- color 와 유사합니다. 하지만 color 는 텍스트 만!
- rgba 는 반투명(알파값)을 설정할 수 있는데 확인할 수 있도록 배경이미지를 넣어두었습니다.
- 배경색 지정에 관련한 내용은 CSS 에서의 컬러값 을 참고해 주세요.

예제 2

실습 - background-color : rgba 값 조절해 보기

보기

CSS 공작소

background-color :

255

0.7

background-color : rgba(255, 255, 255, 0.7)

CSS 공작소

설명

슬라이더를 움직여 보세요 ^^
- DIV 를 두개로 감싸고 상위 DIV 에 배경이미지를 넣었습니다.
- 하위 DIV 의 배경색의 투명도를 달리해서 해보는 예제입니다.

예제 3

컬러테이블 참고자료

설명

컬러테이블 참고 자료입니다.

☞ Color Table

+ 관련 CSS +