+ cafe.daum.net/designsource 웹디자인소스카페 태그강좌 + -------------------

 

★ 홈페이지에 배경이미지 넣기 <카페에는 안먹힘>

<body background="그림파일명">

 


★투명한 전체배경이미지 넣기 ^^*

<style>
body { background-image:url("배경그림주소");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;}
table,td { background-color: transparent; }
</style>

☞ background-attachment: fixed; 《배경고정시키기》

☞ background-repeat: no-repeat; 《배경그림 반복되지않게하기》

☞ background-position: bottom right;} 《배경그림 정렬》
……☆ left,center,right --> 왼쪽,가운데,오른쪽
……☆ top left,top center top right --> 위에서왼쪽,위에서가운데,위에서오른쪽
……☆ bottom left,bottom center,bottom right --> 밑에서왼쪽,밑에서 가운데,밑에서오른쪽

☞ table,td { background-color: transparent; } 《투명배경되게하기》



★이미지 넣기 태그의 여러가지 옵션

<img src="그림파일명"> : 홈페이지에 이미지를 넣을 경우 사용하는 기본 태그입니다.

<img src="그림파일명" align=정렬위치> : 이미지와 문자의 위치 관계를 설정하는 옵션입니다.

<img src="그림파일명" hspace="숫자" vspace="숫자"> : 이미지 바깥쪽의 상하좌우 여백을 지정하는 옵션입니다.

<img src="그림파일명" width="숫자" height="숫자"> : 이미지의 가로, 세로 크기를 설정하는 옵션입니다.

<img src="그림파일명" border="숫자"> : 이미지 외곽선 굵기를 조절하는 옵션입니다.

<img src="그림파일명1" lowsrc="그림파일명2"> : 그림1 그 위에 그림2가 덮어쓰게 하는 옵션입니다.

 

------------------- + cafe.daum.net/designsource 웹디자인소스카페 태그강좌 +

출처 : ♣웹디자인소스카페♣[홈페이지]  |  글쓴이 : 〃★ξ디롤ξ 원글보기
메모 :