• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

css 질문 드립니다

23.01.23 18:50 작성 조회수 528

0

 .bottom 클래스 스타일에

background: url(../image/bottom.png) center bottom/100% no-repeat;

로 되어있는데 center bottom/100% 부분은 background-position 속성값일까요?

bottom/100% 부분이 이해가 안되서 질문 남깁니다.

답변 1

답변을 작성해보세요.

0

안녕하세요 감기에 걸려서 답변이 늦었습니다. (감기 조심하세요...)

center bottom 은 position 속성값이 맞고요 뒤의 100%는 size 입니다.

background: url(../image/bottom.png) center bottom/100% no-repeat;
background-position : 50% 20%;  //이렇게 바꿔보세요
background-position : 100px 100px; 
background-size : 50%;
background-size : cover;

위처럼 따로 쓰셔도 됩니다.

길어져서 보통 한 줄로 쓰기는 합니다.