라벨이 background인 게시물 표시

CSS 문서 배경 관련 스타일 속성 정리

이미지
background-color 속성 HTML 문서에 배경색 변경을 위해서는 background-color 속성을 사용하면 됩니다.  배경 지정은 body 태그뿐만이 아닌 일반적인 텍스트 태그 및 기타 태그에도 적용이 되며, 16진수 방식이나 rgb 코드 색상 컬러 문자열 등을 지정해서 사용할 수 있습니다. background-color 예제 < style >     . conainer     {                     background-color : blueviolet ;                 } </ style > </ head > < body > < div class =" container ">     </ div > </ body > 배경 적용 범위 background-clip, background-origin 속성 background-color 속성을 이용해 배경색을 지정했을 때, 적용되는 배경 색의 적용 범위를 박스 모델 관점에서 조절하고 싶을 때 background-clip 속성을 사용하면 됩니다.  밑에서 알아볼 background-image 속성을 사용한 경우에는 background-origin 속성을 사용해서 적용 범위를 지정 할 수 있으며 속성값 리스트는 clip과 같습니다. background-clip, background-origin 속성값 리스트 속성값 내용 border-box 박스 모델에서 테두리영역 까지 적용(기본값) padding-box 박스 모델에서 padding 영역까지 적용 content-box 박스 모델에서 콘텐츠 영역까지 적용 background-image 속성 단순한 배경색이 아닌 이미지 파일을 배경으로 지정하고 싶을 때는 background-image 속성을 사용하면 됩니다.  파일은 로컬 파일 경로를 지정해서 사용이 가능하고, 이미지 파일의 url을 넣어 인터넷상에 있는 이미지 파일을 사용할