분류 | 게시판 |
베스트 |
|
유머 |
|
이야기 |
|
이슈 |
|
생활 |
|
취미 |
|
학술 |
|
방송연예 |
|
방송프로그램 |
|
디지털 |
|
스포츠 |
|
야구팀 |
|
게임1 |
|
게임2 |
|
기타 |
|
운영 |
|
임시게시판 |
|
자 이번엔
배경에다가 사진을 씌워 보겠습니다
아까와 같이 기본틀을 짜줍니다
<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 반드시 써주시고요
이렇게 하시면! 배경 설정을 완벽하게 가능합니다!
죄송합니다. 댓글 작성은 회원만 가능합니다.