자 이번엔

배경에다가 사진을 씌워 보겠습니다

 아까와 같이 기본틀을 짜줍니다

<style> div.whole_box </style>

이때 각각 문단끝에 열기 닫기 저렇게 꼭 해주셔야 합니다

그다음 아까와 같이 

{background-image:url(이미지주소)}를 넣어주면

<style> div.whole_box {background-image:url(http://thimg.todayhumor.co.kr/upfile/201301/ee91e1793ef9473dcdfb3e910b839194.jpg)} </style>

이렇게 됩니다 그리고 적용해보면...

http://todayhumor.co.kr/board/view.php?table=databox&no=1111157373&page=1&keyfield=&keyword=

이렇게 됩니다

그런데!! 뭔가 눈이 아프네요 조금더 편한걸로 하고싶다!

그러신분은 잘보셔야합니다

이번엔 이걸 써보겠습니다

아까랑 같이 한후 적용시켜보면...

<style> div.whole_box {background-image:url(http://thimg.todayhumor.co.kr/upfile/201301/b205a3136d042086b87e5c3073a43587.png)} </style>

자... 조금 징그럽지만 완성되었습니다 

http://todayhumor.co.kr/board/view.php?table=databox&no=1111157376&s_no=1111157376&page=1

그런다음!

조금더 명령어를 써봅시다

background-repeat:명령어입니다 css인데 말그대로 반복여부를 물어보는 명령어 입니다

저는 위쪽으로 반복시키기 위해

background-repeat: repeat-x

 즉 x축으로 반복 시켜보겠습니다

그러면...

<style> div.whole_box {background-image:url(http://thimg.todayhumor.co.kr/upfile/201301/b205a3136d042086b87e5c3073a43587.png) ;background-repeat: repeat-x;} </style>

이렇게 됩니다

근데 이렇게 하면 적용이 안되고

명령어 구분해줘야 합니다

; ←이걸로 구분을 하는데

background-image:url(http://thimg.todayhumor.co.kr/upfile/201301/b205a3136d042086b87e5c3073a43587.png) 뒤에 하나

background-repeat: repeat-x 뒤에 하나 달아주면...

http://todayhumor.co.kr/board/view.php?table=databox&no=1111157378&s_no=1111157378&page=1

이렇게!!

그리고 만약 반복을 하지 않으려면

background-repeat: no-repeat 을 달아준뒤 ;로 구분해 줍니다

또!

이미지를 특성 위치에 소환 하겠다!

그러면

background-position:을 씁니다

좌-상 꼴로 좌표를 써서

background-position: 000px 000px 꼴로 나타냅니다 px 반드시 써주시고요 

이렇게 하시면! 배경 설정을 완벽하게 가능합니다!