background 배경 속성
배경색과 이미지를 같이 넣는 경우
: 배경 이미지가 우선출력 -> 이미지가 출력되지 않은 부분에 색상 출력
background-color 배경 색상
background-color : pink ;background: linear-gradient(방향, 시작 색상, 끝 색상) ; 배경 색상 그라데이션
background: linear-gradient(to right, white,pink);background-size 배경 이미지 크기
background-size: 200px 200px;background-repeat 배경 이미지 반복
- no-repeat : 반복없음
- repeat-x : x축 반복
- repeat-y : y축 반복
- round : 양쪽 반복
- 기본값(공백) : 반복
background-repeat: no-repeat;background-position 배경 이미지 위치
- center : 가운데
- x축, y축
background-position: 30px 30px;
/* 왼쪽, 위쪽 여백 설정 */background 한번에 적용
background: color image position/size repeat 순 입력
'HTML.CSS.JS > css' 카테고리의 다른 글
| [CSS] cursor : pointer, 아이콘 사이트 (0) | 2023.04.06 |
|---|---|
| [CSS] shadow 그림자 설정 (0) | 2023.04.06 |
| [CSS] inline태그의 width, height, 중앙정렬 (0) | 2023.04.06 |
| [CSS] border 테두리 속성 (0) | 2023.04.06 |
| [CSS] 폰트 속성 / 단위 (0) | 2023.04.06 |