<p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">자 이번엔</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">배경에다가 사진을 씌워 보겠습니다</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"> 아까와 같이 기본틀을 짜줍니다</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><style> div.whole_box </style></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">이때 각각 문단끝에 열기 닫기 저렇게 꼭 해주셔야 합니다</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">그다음 아까와 같이 </font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">{background-image:url(이미지주소)}를 넣어주면</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><style> div.whole_box <font face="Gulim">{background-image:url(http://thimg.todayhumor.co.kr/upfile/201301/ee91e1793ef9473dcdfb3e910b839194.jpg)}</font> </style></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">이렇게 됩니다 그리고 적용해보면...</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim"><a target="_blank" href="http://todayhumor.co.kr/board/view.php?table=databox&no=1111157373&page=1&keyfield=&keyword=" class="tx-link" style="color: blue;">http://todayhumor.co.kr/board/view.php?table=databox&no=1111157373&page=1&keyfield=&keyword=</a></font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">이렇게 됩니다</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">그런데!! 뭔가 눈이 아프네요 조금더 편한걸로 하고싶다!</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">그러신분은 잘보셔야합니다</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">이번엔 이걸 써보겠습니다</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim"><br></font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><img class="tcx_image" src="http://thimg.todayhumor.co.kr/upfile/201301/b205a3136d042086b87e5c3073a43587.png" style="max-width: 800px;"></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim"></font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim"><br></font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">아까랑 같이 한후 적용시켜보면...</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><style> div.whole_box <font face="Gulim">{background-image:url(</font>http://thimg.todayhumor.co.kr/upfile/201301/b205a3136d042086b87e5c3073a43587.png<font face="Gulim">)}</font> </style></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">자... 조금 징그럽지만 완성되었습니다 </font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim"><a target="_blank" href="http://todayhumor.co.kr/board/view.php?table=databox&no=1111157376&s_no=1111157376&page=1" class="tx-link" style="color: blue;">http://todayhumor.co.kr/board/view.php?table=databox&no=1111157376&s_no=1111157376&page=1</a></font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">그런다음!</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">조금더 명령어를 써봅시다</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">background-repeat:명령어입니다 css인데 말그대로 반복여부를 물어보는 명령어 입니다</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">저는 위쪽으로 반복시키기 위해</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">background-repeat: repeat-x</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"> 즉 x축으로 반복 시켜보겠습니다</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">그러면...</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><style> div.whole_box <font face="Gulim">{background-image:url(</font>http://thimg.todayhumor.co.kr/upfile/201301/b205a3136d042086b87e5c3073a43587.png<font face="Gulim">) ;</font>background-repeat: repeat-x;<font face="Gulim" style="font-size: 10pt; line-height: 1.8;"><span style="font-size: 12px; line-height: 21px;">}</span></font> </style></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">이렇게 됩니다</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">근데 이렇게 하면 적용이 안되고</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">명령어 구분해줘야 합니다</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">; ←이걸로 구분을 하는데</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">background-image:url(</font>http://thimg.todayhumor.co.kr/upfile/201301/b205a3136d042086b87e5c3073a43587.png<font face="Gulim">) 뒤에 하나</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">background-repeat: repeat-x 뒤에 하나 달아주면...</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim"><a target="_blank" href="http://todayhumor.co.kr/board/view.php?table=databox&no=1111157378&s_no=1111157378&page=1" class="tx-link" style="color: blue;">http://todayhumor.co.kr/board/view.php?table=databox&no=1111157378&s_no=1111157378&page=1</a></font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">이렇게!!</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">그리고 만약 반복을 하지 않으려면</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">background-repeat: no-repeat 을 달아준뒤 ;로 구분해 줍니다</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">또!</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">이미지를 특성 위치에 소환 하겠다!</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">그러면</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">background-position:을 씁니다</p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;"><font face="Gulim">좌-상 꼴로 좌표를 써서</font></p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">background-position: 000px 000px 꼴로 나타냅니다 px 반드시 써주시고요 </p><p style="font-family: Gulim; font-size: 12px; line-height: 21px;">이렇게 하시면! 배경 설정을 완벽하게 가능합니다!</p></p>
<style> div.whole_box {background-image:url(http://thimg.todayhumor.co.kr/upfile/201301/b205a3136d042086b87e5c3073a43587.png); background-repeat: repeat-x;} </style>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.