css - background

css배경 - 배경에 효과를 주는데 사용되는 속성들
1) background-color : 요소의 배경색을 지정
red/ #000000/ rgb(r, g, b)/ rgba(r, b, g, a)
2) background-image : 요소의 배경에 이미지를 지정
ex) bacground-image:url("dog.jpg")
3) background-repeat : 배경 이미지를 가로 및 세로 반복을 지정
no-repeat/ repeat-x/ repeat-y
4) background-position : 배경 이미지의 시작 위치를 지정
top center bottom 
left center right
ex) div { background-position: right bottom; }
5) background-attachment : 배경 이미지 스크롤에 첨부할지를 지정
scroll/ fixed
6) background-size : 배경 이미지의 크기
cover
ex) div { background-size: 200px auto; }
background: url('') no-repeat 50px 50px / 200px;  /* background-size / background-position ( /써서 구분하자! ) */
7) background-blend-mode :  블렌드 효과 주기