생활코딩

Coding Everybody

코스 전체목록

닫기

배경(background)

소개

CSS를 이용하면 엘리먼트의 배경을 지정할 수 있습니다. 여기서는 배경과 관련된 중요속성들을 알아봅니다. 

  • background-color : red
  • background-image : url("bg.png")
  • background-repeat : repeat, no-repeat, repeat-x, repeat-y
  • background-attachment : scroll, fixed
  • background-position : left top  or x% y% or x y
  • background-size : 100px 100px or cover or contain

참고

w3schools.com

 

댓글

댓글 본문
작성자
비밀번호
  1. 감사합니다!!
  2. 한지선
    background-attachment : fixed가 신형 안드로이폰에서는 적용되지 않는 것 같던데 egoing님의 parallax강의를 따라하다가 궁금해서 질문 남깁니다.
  3. 임지호
    background : 엘리먼트의 배경에 이미지나 색깔 등을 지정할 수 있는 속성
    - background-color : 색깔 지정, -image : 이미지 지정(배경이 투명한 이미지를 쓰면 color와 같이 쓸수있음)
    -repeat : 반복에 관한 설정, -attachment : 스크롤 내릴 때 배경도 같이 내릴지 안내릴지
    -size : 크기에 관한 설정(cover, contain : 손실있어도 꽉차게, 꽉안차도 손실없게), -position : 위치 결정
    background : 축약형
  4. 박상민
    잘보았습니다 감사합니다
  5. 이성용
    꼭 필요한 내용만 설명하고 나머지는 고기잡는 법을 알려주셔서 전체적인 내용이 잘 이해됩니다.
  6. 박정호
    Css 고맙습니다
  7. 2016.09.12. 완료!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기