inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

입문자를 위한 CSS 기초 강의

박스모델 4편, background

#9 박스모델 4편 background 질문입니다

269

이준우

작성한 질문수 2

1

backgound: url(지정하고) no-repeat cover;

 

했는데 no-repeat 까지 했을때 이미지 나오는데

cover 하니깐 이미지가 사라지네요

 

반복해서 쓸때 size는 적용이 안되는 건가요?

HTML/CSS Visual Studio Code

답변 1

4

유노코딩

단축속성 background로 배경을 지정할 때 size를 cover로 하면

position 값도 함께 해주어야 합니다. 

background: url(지정하고) no-repeat center / cover;

이렇게 하시면 될 거에요~!

MDN의 설명을 보시면 다음과 같은 규칙이 나와있어요. 

=> bg-size 값은 bg-position 바로 뒤에만 위치할 수 있으며 '/' 문자로 구분해야 합니다. 
(출처 : https://developer.mozilla.org/ko/docs/Web/CSS/background)

part3. spy 쪽 / part3,part4 강의자료

0

31

2

최종 코드

0

37

2

Open AI 결제

0

39

2

figma 파일을 받을 수가 없어요

0

48

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

36

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

42

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

53

1

구글 서치콘솔 도메인 소유권 확인 실패

0

36

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

57

1

다음 강의 얼른 올려주세요

0

44

2

일반 강의와 차이점?

1

52

1

중요하진 않지만 설명하신부분에서 안된부분..

1

34

1

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

65

2

stopPropagation()에 대해서 질문 있습니다.

0

49

2

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

0

41

2

노션에 20.Contact가 없어요

0

47

2

검색엔진 차단 noindex

0

51

2

파트9 강의는 언제 오픈하시나요

0

51

2

ZIP 파일

0

53

2

26강 13F 강의 불일치 및 질문 요청

0

67

3

font-weight가 적용이 안 되는데 어떻게 하나요?

0

1180

1

블로그 올려도 될까요?

1

470

1

input 인라인요소 너비 조정에 대해

3

615

1

size 단축속성 적용하기

0

233

0