-
background-color
16진수나 rgb값 또는 색상 이름을 사용하여 지정
background-image
배경에 이미지를 넣고자 할 때 사용
background-repeat
배경 이미지 반복여부 지정
background-size
배경 이미지 크기 조절
background-position
배경 이미지가 표시되는 위치를 조절
키워드 표시법 수평위치는 left, center, right 중에서 수직위치는 top, bottom, center 중에서 선택
백분율 표시법 주어진 요소의 해당 위치에 배경 이미지의 위치를 백분율로 맞춤
길이 표시법 배경 이미지 위치를 길이로 지정
linear-gradient
선형 그라데이션 – 직선 형태로 색상이 바뀌는 것
색상이 바뀌는 방향을 알려주는 각도 표현 - deg
radial-gradient
원형 그라데이션 – 원이나 타원의 중심부터 원을 그리면서 바깥으로 색상이 바뀌는 것
그라데이션이 시작하는 원의 중심 지정 가능
원의 크기 지정 가능
'개발 > FronT' 카테고리의 다른 글
Front_ 웹 페이지 작성을 위한 언어 HTML, HTML의 개념 및 정의 (0) 2021.09.27 Front_ WWW와 웹 표준의 개념 및 정의 (0) 2021.09.27 Front_ CSS font-family, 폰트 색상 변경법 예시 코드 (0) 2021.09.27 Front_ CSS 선택자 종류 및 사용법 (0) 2021.09.27 Front_ CSS(Cascading Style Sheets) 개념, 스타일 시트 (0) 2021.09.27 댓글 (비로그인 댓글 허용하지 않습니다.)