CSS

CSS [CSS] background

kimmo 2019. 1. 13. 17:25

<!DOCTYPE html> <html> <head> <style> body { background-color: green; //배경색 background-image: url("img_tree.png"); //배경이미지 background-repeat: no-repeat; //이미지 반복 여부 background-position: right top; //이미지 위치 background-attachment: fixed; //스크롤 같은 이동시 이미지가 화면에 고정여부 background-clip: border-box; //요소에서 배경색이 차지 하는 영역 (모든 영역) //background-clip: content-box; //content 안 //background-clip: padding-box; //padding 안 background-origin: border-box; //요소에서 배경이미지가 시작 하는 영역 (모든 영역) //background-origin: padding-box; //padding 안 //background-origin: content-box; //content 안 background-size: auto; //배경이미지 크기 } </style> </head> <body> //출처 : https://www.w3schools.com/css/css_background.asp