기분따라 코딩
  • 태그
  • 방명록
  • HTML
  • CSS
  • Javascript
  • React.js
  • Node.js
    • 분류 전체보기 (77)
      • HTML (8)
      • CSS (16)
      • Javascript (14)
      • React.js (11)
      • Node.js (7)
      • Python (4)
      • Database (2)
      • DevOps (1)
      • Log (2)
      • Info (6)
      • 정보처리기사 (6)
  • 메뉴 닫기
background-image 검색 결과
1 개의 검색 결과가 있습니다.
CSS

CSS로 이미지 다루기

배경 이미지를 넣는 CSS background-image 속성 background-image는 이미지를 배경으로 깔기 위해 사용되는 CSS 속성입니다. 사용법은 속성값으로 이미지 리소스가 있는 경로를 url로 넣어주면 됩니다. * 예시코드 /* CSS */ div { background-image: url('https://cdn.pixabay.com/photo/2015/12/04/14/05/code-1076536_1280.jpg'); width:300px; height:300px; } * 결과 div 태그의 width와 height 값은 각각 300px입니다. 그리고 배경 이미지를 만들었는데 배경 이미지의 크기가 이 요소의 크기에 들어맞지 않아서 이미지가 잘려서 나옵니다. 그래서 사이즈 조절을 해봅니다...

2021. 5. 17. 08:00
  • «
  • 1
  • »

전체 카테고리

  • 분류 전체보기 (77)
    • HTML (8)
    • CSS (16)
    • Javascript (14)
    • React.js (11)
    • Node.js (7)
    • Python (4)
    • Database (2)
    • DevOps (1)
    • Log (2)
    • Info (6)
    • 정보처리기사 (6)

방문자

오늘
어제
전체
  • 최근 글
  • 최근 댓글

최근 글

최근댓글

태그

  • #CSS
  • #Table
  • #자바스크립트
  • #요약 정리
  • #html
  • #개정판
  • #만들기
  • #selector
  • #react testing library
  • #태그
  • #form
  • #socket.io
  • #로버트 C. 마틴
  • #기출문제
  • #웹소켓
  • #layout
  • #Express
  • #기초
  • #필기
  • #javascript
  • #핵심
  • #모듈
  • #react
  • #정보처리기사
  • #프로미스
  • #채팅 웹 만들기
  • #Node.js
  • #redux toolkit
  • #웹개발
  • #레이아웃
더보기+

블로그 인기글

Powered by Privatenote/라이프코리아 Copyright © 기분따라 코딩 All rights reserved. TistoryWhaleSkin3.4

티스토리툴바