색상 참고 사이트
http://www.hipenpal.com/tool/html-color-charts-rgb-color-table-in-korean.php
<style>
#rgbCode{
color: rgb(125, 150, 75);
}
#Hexa{
color: #0A82FF;
}
</style>
<h1 id="rgbCode">rgb를 적용하여 색상변경</h1>
<h1 id="Hexa">16진수를 적용하여 색상변경</h1>
repeat 예시
background-repeat: no-repeat; background-repeat: repeat-y; background-repeat: no-repeat;
top, left 등의 값으로도 배경의 위치를 지정할 수 있지만 px 등의 단위를 이용한 배경이 자주 사용되는 편이다.
background-position(x축, y축 / 수치로 조정하면 x,y축)
--> 반복되지 않는 배경이미지의 상대 위치 설정
--> 단, 배경 이미지가 반복되지 않아야 한다.
position 예시
``` background-position : 150px 250px; ```
background-attachment
--> 위치 고정
attachment 예시
background-attachment: fixed;
background shorthand
--> 속성명을 일일히 쓰지 않고 한 줄에 전부 모든 속성을 표현하는 방법
--> background : color/image(url로 쓰면 됨) | repeat | attachment | position
shorthand 예시
div{ background : red url("../img/test4.jpg") no-repeat fixed 50px 50px; }