웹디자인,컴퓨터

첫화면 육아교육 웹디자인 요리메모 한자쓰기

웹디자인,포토샵,그누보드,제로보드,동영상제작 관련 메모 >>

이미지를 사용하지 않고 페이지 그라데이션

2009-03-11 14:43:38

홈페이지

body 부분 원하는 위치에 아래처럼 테이블을 만들고 <table>태그 안에 style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B1C7F9, EndColorStr=#EEF2FC)" 를 추가합니다.


	<table style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B1C7F9, EndColorStr=#EEF2FC)"> <tr> <td>내용</td> </tr> </table>

0 은 그라데이션의 타입.
0은 수직그라데이션으로 그라데이션효과가 상하방향로 표현됩니다. 1은 수평그라디에션으로 그라데이션효과가 좌우방향으로 표현됩니다.

#B1C7F9는 그라디에션이 시작되는 지점의 색, #EEF2FC는 그라데이션이 끝나는 지점의 색입니다.

<table>태그가 아닌 다른 태그 안에도 적용해보세요^_^

참고로, 문서 전체에 그라데이션을 넣고자 한다면, 아래처럼 하시면 됩니다.
<body style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B1C7F9, EndColorStr=#EEF2FC)">