방법1안에 넣습니다.
style="background-image:url('http://lia47.pe.kr/imegs/logo.gif'); background-repeat:repeat; background-attachment:fixed; background-position:50% 50%;"
만약 이미지가 아이콘(예-꽃등의 작은것)일땐
repeat부분을 no-repeat으로 하시면 됩니다.
방법2역시안에
background="이미지.gif" bgproperties="fixed"
와 사이의 원하시는 곳에 박스 밑의 푸른색 부분을 넣어 주시면 됩니다.
응용하면 아래와 같은 모양으로 발전시킬 수 있습니다 .
solid navy; background-image: url(bg.gif); background-repeat: no-repeat; background-position: right center; width:300; height:200; padding:15">내용
- 1은 테두리 굵기, navy는 테두리 색, bg.gif는 배경그림의 경로 및 이름
300은 박스의 가로 크기, 200은 박스의 세로 크기, 15는 박스 내부의 여백
'Html & Css' 카테고리의 다른 글
페이지에 테두리입히기 (0) | 2016.06.03 |
---|---|
글자에 효과넣기 (2) | 2016.06.03 |
링크된 곳에 CURSOR모양 제어하기 (0) | 2016.06.03 |
테이블에 MouseOver효과 (0) | 2016.06.03 |
글자에 여러가지 효과내기 (0) | 2016.06.03 |