inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

입문자를 위한 CSS 기초 강의

박스모델 4편, background

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

284

이준우

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

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

46

4

설명이 잘못된거같습니다.

1

53

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

45

1

bitnami 설치

0

32

0

강의 소스 코드는 어디서 볼수 있나여?

1

54

1

자료집 관련

0

51

2

13. (App 2) 기본기 훈련 에서

0

72

1

17강 강의에 목데이터 첨부파일이 없습니다.

2

71

2

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

52

1

11차시 Antigravity IDE 설치 후

0

51

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

59

1

5,6,7,8 내용이 없어요

0

55

1

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

51

1

장치 의존성과 CSR

0

70

1

순수 함수 / 순수 컴포넌트

0

45

1

css box-sizing 관련 질문

0

51

2

여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?

0

48

1

node.js 설치 (LTS버전)

0

50

1

Cursor & Antigravity 소개 및 설치

0

58

2

뉴스페이퍼 테마 관련

0

50

1

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

0

1213

1

블로그 올려도 될까요?

1

493

1

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

3

644

1

size 단축속성 적용하기

0

251

0