배경 이미지나 컬러로 사용되는 background 태그는 여러가지 속성들로 다양한 효과를 낼수가 있습니다. 중요한 몇가지 속성에 대해서 살펴보고 직접 코딩을 진행해 보고자 합니다.
예제의 결과 값으로 이미지는 투명도 30%를 주게되며 배경색과 함께 나타나게 됩니다. 화면의 크기에 따라서 이미지가 조절되게 됩니다.
이번 내용에서는 css에서 background 배경의 중요한 속성에 대해서 살펴보았습니다.
먼저 본문의 body 부분에 div 텍스트를 넣고, css div{} 속성으로 font-size 텍스트 크기는 30px, text-algin 텍스트 위치는 중앙, border 테두리는 5px 로 하고 background 사용의 빈도수가 높은 속성을 적용해 보고자 합니다.
background-color: 배경의 색상을 지정하고, background-image 는 배경 이미지를 넣을수가 있으며, background-repeat 는 이미지 반복이나 반복하고 싶지 않은경우, background-size 는 배경을 전체 크기를 지정할수가 있습니다.
예제의 결과 값으로 이미지는 투명도 30%를 주게되며 배경색과 함께 나타나게 됩니다. 화면의 크기에 따라서 이미지가 조절되게 됩니다.
이번 내용에서는 css에서 background 배경의 중요한 속성에 대해서 살펴보았습니다.
