CSS 필수 속성 - background

jaybon·2023년 5월 30일
0

HTML CSS

목록 보기
21/30

background-color

요소의 배경에 색상을 넣을 수 있다.

형식

background-color:<색상값>;

예시

p {
  background-color:red;
}

background-image

요소의 배경에 이미지를 넣을 수 있다.

형식

background-image:url('이미지 경로');

예시

p {
  background-image:url('images/coffee.jpg');
}

background-repeat

이미지 반복 설정을 변경한다.

형식

background-repeat:<속성값>;

예시

p {
  background-repeat:no-repeat;
}


background-size

이미지 크기를 지정해서 처리한다.

형식

background-size:auto|cover|contain|<너비 높이>;

예시

p {
  background-size:cover;
}


background-position

삽입하려는 이미지의 위치를 지정한다.

형식

background-position:<x 위치> <y 위치>;

예시

p {
  background-position:100%;
}

background-attachment

요소에 삽입된 이미지를 스크롤할 때 작동 방식을 지정한다.

형식

background-attachment:<속성값>;

예시

p {
  background-attachment:fixed;
}

profile
티스토리 블로그 https://ondolroom.tistory.com/

0개의 댓글