css dev note

• 배경 설정하기
• 배경 그라디언트
• 커서 모양 만들기

배경 설정하기

배경을 전체로 설정하고 가운데를 보이게 할 수 있다.
가장 일반적인 배경 설정이다.

background-position: center;
background-repeat: no-repeat;
background-size: cover;

배경 그라디언트

#grad {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, red, yellow); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, red, yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, red, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, red, yellow); /* Standard syntax */
}

커서 모양 만들기

li { cursor: pointer; cursor: hand; }