inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

입문자를 위한 CSS 기초 강의

박스모델 4편, background

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

278

이준우

작성한 질문수 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)

수업자료와 노션 공유 문제

0

12

3

'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.

0

54

2

경력기술서는 어떤 방향이 좋을까요?

0

52

2

왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?

0

74

3

어플리케이션 실행 후 에러에 관하여 질문 드립니다.

2

60

2

26,27강 진행 간 노션, html 프롬프트 파일 불일치

0

67

3

<div id="banner">배너 이미지</div> 관련 질문

0

34

1

변수 설정 시에 질문입니다.

0

39

2

설치 및 설정 가이드 노션 자료는 없나요 ?

0

44

2

counter01.html은 어디있을까요?

1

30

1

수업자료 문의

0

39

2

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

0

57

2

최종 코드

0

62

2

Open AI 결제

0

76

2

figma 파일을 받을 수가 없어요

0

64

1

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

0

66

1

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

0

61

2

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

0

119

1

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

0

69

2

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

0

67

1

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

0

1191

1

블로그 올려도 될까요?

1

482

1

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

3

632

1

size 단축속성 적용하기

0

242

0