inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

문과생이 가르쳐 주는 퍼블리싱 - 클론코딩

메인배너 설계

background 질문입니다

해결된 질문

354

박종규

작성한 질문수 7

1

<div class="item"style="background: url(./resources/images/tmp/visual1.jpg) no-repeat 50% 0; background-size: cover;">

 

사진을 가운데 설정하기 위해서 no=repeat으로 반복되지 않게 설저을 하고 50% 0을 설정했는데 이거는 어떤 속성인지 알 수 있을까요? 위치를 잡아주는 건가요?스크린샷 2023-02-11 오후 4.14.32.png

클론코딩 클론코딩

답변 1

1

러빙코드

50% 0 은 이미지를

50% => 좌우 중앙정렬 , 0 => 상단에 위치 해 주는 값이에요.

적용 되는 이미지에 따라 50% 50% => 좌우/상하 중앙 정렬로 맞추어 줄 수도 있구요,

0 0 => 좌/상 으로 정렬해 줄 수도 있어요.

질문 주신 background 속성은 하기 세가지가 축약된 거라 볼 수 있습니다.

background-image

background-repeat

background-position:50% 0

감사합니다 :)

198강 (){onTap(e);}의 이해 돕기

0

39

1

더백님 감사합니다

1

41

1

video_call 플러그인 설치후 에러 발생

0

47

1

MCP 연동 인텔리제이 2.6.1

0

134

2

MCP 연동관련

0

142

4

클로드 개발자 구성편집 설정시 문제점

0

100

2

2025.3.3 인텔리제이 버전에서 MCP설정하는 방법

0

363

2

SDK 안드로이드 설치 질문!

0

62

1

가상의컨테이너에 파일생성이 됩니다.

0

71

2

코드팩토리 디스코드 링크 다시 부탁드려요~

0

93

1

claude_desktop_config.json 설정도 해야하는거죠?

0

150

2

Webview를 이용해서 URL 상의 페이지 출력 불가

0

71

1

홈스크린 함수를 함축해서 main.dart에 옮기는 문제

0

56

1

수강 기한 연장 문의

0

50

2

플레이스토어

0

60

1

아고라 엔진 init 함수의 반환타입이 Future<void> 이것의 의미는 무엇인가요?

0

56

1

가이드라인 질문

0

59

0

emulator 에러 환경설정 뭐가 문제 일까요??

0

78

1

이미지 배경 문의

0

68

1

emulator 실행 오류

0

95

3

Column을 가로방향 최대 사이즈를 차지하도록 하는 방법에 관련

0

73

1

pubspec.yaml에서 font를 추가하면서 weight 값을 지정하는 것이 의미가 있는 것인지 문의

0

44

1

.col_b.tabs 부분 질문드립니다!!

1

329

1

제이쿼리 연결 질문드립니다.

0

327

1