컴공과 컴맹숙 🐾

  • 홈
  • 태그
  • 방명록

background-image 1

배경 이미지 지정하기

1. 배경 이미지 background-image url('이미지 경로')를 사용하여 추가한다. 경로는 상대경로(현재 문서 기준), 절대경로(http://로 시작) 둘 다 사용 가능하다. 배경이미지를 추가할 때 요소보다 이미지 크기가 작으면 반복되면서 요소의 배경을 가득 채운다. 위 캡처는 body, 즉 웹 브라우저보다 이미지 크기가 작기 때문에 반복되면서 화면을 가득 채운다. 2. 반복 방법 지정 background-repeat background-image 속성 사용 후 반복되는 현상을 원하는 대로 지정할 때 repeat-x(가로 반복), repeat-y(세로 반복), no-repeat(반복 없음)를 사용하여 반복 방법 지정 가능하다. body { background-color:pink; backgro..

CSS 2022.11.15
이전
1
다음
더보기
프로필사진

  • 공부 (81)
    • HTML (12)
    • CSS (24)
    • JAVASCRIPT (22)
    • React (0)
    • 기타 (21)
      • 수강후기 (21)

Tag

취준일기, 프론트엔드 공부, 프론트엔드 개발자, 개발공부, 프론트엔드개발자, 자바스크립트, CSS 그리드 레이아웃, 문서객체모델, Computer science, 프론트엔드공부, 제로베이스, javascript, 취준기록, 부트캠프, Frontend, html/css, 프론트엔드스쿨, 자식 노드 연결하기, 이벤트 핸들러, 프론트엔드,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp All rights reserved.

티스토리툴바