인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

투티니ෆ님의 프로필 이미지
투티니ෆ

작성한 질문수

SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱

로그인 폼 디자인(속성선택자, 구글 폰트 아이콘) 02

Background url 이미지 사이즈

작성

·

192

1

  • - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
  • - 먼저 유사한 질문이 있었는지 검색해보세요.
  • - 서로 예의를 지키며 존중하는 문화를 만들어가요.
  • - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

안녕하세요 선생님 질문 드려 봅니다

 

아이디/ 비밀번호 / 이메일 옆에 들어가는 svg형식 아이콘들 

이미지가 너무 큰데 줄이는 방법이 무엇인지 기억이 나지 않아서 여쭤봅니다!

background: url(../images/person.svg) no-repeat center left 2px;

여기에서 어떤걸 추가하면 될까요?

답변 1

1

background-size 속성을 추가하면 됩니다.

background-size: 가로 세로;

가로 세로를 넣을 수 있지만 가로만 넣으면 세로도 비율로 줄어듭니다.

background-size: 15px; 이렇게 넣어주시면 됩니다.

예제 관련은 아니지만 배경이미지를 다중으로 사용하는 방법은 아래 코딩웍스 블로그 참고하세요.

https://www.inflearn.com/blogs/2136

투티니ෆ님의 프로필 이미지
투티니ෆ
질문자

선생님 감사합니다!

투티니ෆ님의 프로필 이미지
투티니ෆ

작성한 질문수

질문하기