[CSS] background(배경)

2024. 2. 23. 01:04클라이언트/CSS

style 적용할때 너비,높이 설정하고 backgroud 색상 넣기.

 

중앙으로 배치할때 시계 기준으로 위,오른쪽,아래,왼쪽 ( 30px, auto, 0px, auto) 기억하기.

 

백그라운드 이미지 설정할때 3가지 따라다니는 것 기억하기.

background-image: url('');

background-position: center;

background-size: cover;

 

diplay 4가지 기억하기

    display: flex;
    //기본 값 가로행

    flex-direction: column;
    //세로행 기준으로 바뀜

    align-items: center;
    //세로행 기준으로 가운데 정렬

    justify-content: center;
    //가로행 기준으로 가운데 정렬

 

'클라이언트 > CSS' 카테고리의 다른 글

[테일윈드(TailWind)] 테일윈드 장단점  (0) 2024.03.16
[CSS] Flex  (0) 2024.02.16
[CSS] 기본 속성  (0) 2024.02.16