[CSS] Background

1. background-color
2. background-image
3. background-repeat
4. background-position

1. background-color

p { background-color:#000000; }
p { background-color:rgb(0,200,0); }
p { background-color:blue; }

★안드로메다 탱이별★ p { background-color:#000000; }

★안드로메다 탱이별★ p { background-color:rgb(0,200,0); }

★안드로메다 탱이별★ p { background-color:blue; }

2. background-image

div {
background-image:url(http://i1.daumcdn.net/cfs.tistory/www/resource/images/logo.gif);
}

3. background-repeat

div {
background-image:url(http://i1.daumcdn.net/cfs.tistory/www/resource/images/logo.gif);
background-repeat:repeat-x;
}

div {
background-image:url(http://i1.daumcdn.net/cfs.tistory/www/resource/images/logo.gif);
background-repeat:repeat-y;
}

div {
background-image:url(http://i1.daumcdn.net/cfs.tistory/www/resource/images/logo.gif);
background-repeat:no-repeat;
}

4. background-position 

div {
background-image:url(http://i1.daumcdn.net/cfs.tistory/www/resource/images/logo.gif);
background-repeat:no-repeat;
background-position:left top;
}

div {
background-image:url(http://i1.daumcdn.net/cfs.tistory/www/resource/images/logo.gif);
background-repeat:no-repeat;
background-position:left center;
}

위에 예제들을 한줄로 정리한것입니다. ^^

div {
background:url(http://i1.daumcdn.net/cfs.tistory/www/resource/images/logo.gif) no-repeat left center;
}

top