일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- 대규모 시스템 설계
- Bastion Server
- Golines
- AWS
- argocd
- 알림 시스템
- Logrus
- AWS Infra
- goroutine
- GoF 디자인패턴
- 디자인패턴
- System Design
- UnBuffered channel
- image resizing
- GoF
- 시스템 설계
- go
- Infra
- tenneling
- 컴포지트패턴
- 클래스 관계
- Live Template
- gitops
- golang
- 윈도우키보드
- Buffered channel
- Kubernetes
- notification system
- Helm V3
- Lambda@Edge
Archives
- Today
- Total
Fall in IT.
CSS - backgroundRepeat 사용방법 본문
안녕하세요.
오늘은 CSS에서 background-repeat 속성에 대해서 간단히 알아보도록 하겠습니다.
background-repeat이란?
- background-repeat으로 배경 이미지의 반복 여부 또는 반복 방향을 정할 수 있습니다.
- 특정 패턴의 이미지를 width의 길이에 상관없이 반복하고자할 경우 사용합니다.
아래와 같은 패턴이 반복될 경우, 작은 패턴의 이미지를 하나 만들고 background-repeat을 사용해 구현할 수 있습니다.
예제 코드
body { width: 100%; background-image: url("이미지 경로 입력"); background-repeat: repeat-x; // repeat-y, no-repeat 등의 옵션 사용 가능 }
참조
모두 즐거운 코딩하세요~
'프로그래밍언어 > Html & Css' 카테고리의 다른 글
HTML select 태그 사용시 기본값 설정방법 (0) | 2019.06.03 |
---|---|
CSS box-sizing 알아보기 (0) | 2019.04.09 |
html Input type password, tel 두 가지 사용하는 방법 (0) | 2019.01.08 |
checkbox 디자인 변경하는 방법 (0) | 2018.07.03 |
패딩 영역은 제외하고 백그라운드 색상 입히는 방법 (0) | 2017.12.07 |
Comments