• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 HTML/CSS 게시판 background-image: url()

background-image: url()

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #34548

    김주현
    참가자

    css

    .do-img1 {
    float: left;
    width: 50%;
    height: 350px;
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(portfolio-1.jpg);
    background-size: cover;

    }

     

    background-image: url() 부분에서 괄호 안에 이미지 경로를 넣는거잖아요.

    해당 이미지가 바탕화면/내pc/html/img에 들어 있는데 경로가 잘못된 걸까요? 화면에는 안나와요.

    이미지 안에 텍스트를 넣으려면 background-image: url()로 해서 cover 요소 주는 거라고 알고있는데, 

    그렇다고 으로 하니까 텍스트랑 따로 놀고 이거 어떻게 해야 하나요?

    #34557

    codingapple
    키 마스터

    css파일과 이미지가 같은 곳에 있으면 portfolio-1.jpg 이렇게만 입력하면 됩니다 

    cover는 배경이미지 사이즈 조정할 때 씁니다 

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠