MLP) [CSS] 배경 관련 스타일

rgba

red green blue alpha(투명도)

투명도: 0(투명) ~ 1(불투명) 사이의 실수값으로 지정

body{
    color:rgba(0%,0%,100%,0.5);
}

---

background-repeat (배경 이미지의 반복 여부를 정하는 속성)

• repeat : 가로 방향, 세로 방향으로 반복
• repeat-x : 가로 방향(x축)으로 반복
• repeat-y : 세로 방향(y축)으로 반복
• no-repeat : 반복하지 않음

.rp{
    background-repeat: repeat;
}
#x{
    background-repeat: repeat-x;
}
#y{
    background-repeat: repeat-y;
}
#z{
    background-repeat: no-repeat;
}

실행 결과

---

background-position (배경 이미지의 위치 정하는 속성)

#x2{
    background-position: right bottom;
}
#y2{
    background-position: 50% 50%;
}
#z2{
    background-position: 50px 50px;
}

실행 결과