본문으로 바로가기



이번 시간에는 CSS 에서 background 속성에 대해 알아보도록 하겠습니다.


background 속성


말 그대로 배경에 색상을 사용하는 것입니다. 더 빠르고 완벽한 이해를 위해 예제로 살펴보도록 합시다. ▼


1
2
3
4
5
6
// HTML
<div class="b-color">
  배경에 색상이 적용됩니다. div 로 했기 때문에 부분이 투명한 이미지가 들어가면 배경 색상이 보입니다.
</div>
 
<p class="b-color">물론 일반 텍스트를 입력하는 p 태그에서도 가능하구요.</p>
cs


1
2
3
4
5
/* CSS */
.b-color {
  color: white;
  background-color: gray;
}
cs


결과 보기: https://jsfiddle.net/yoonano/b9mwf9fs/



댓글을 달아 주세요