테이블 그리이언트효과

배경에 필터효과로 그라이언트효과 적용하기...

<TABLE height=200 width=500 border="1" cellspacing="0" bordercolordark="white" bordercolorlight="black"><TR> <TD align=center id=sally style="PADDING: 10px; WIDTH: 100%; HEIGHT:100%; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFFF', EndColorStr='#FFC0FF'); FONT-SIZE: 13pt; FONT-WEIGHT:bold; COLOR: #000000;"> 여기에 글이나 그림을 넣으세요. </TD></TR></TABLE>

이것은  필터효과로 배경에 그라이언트효과를 내는 방법입니다. 배경에는 그림을 넣거나 단색으로 색상을 넣을 수도 있으나 필터효과를 넣으면 부드럽고,멋진 화면을 만들 수있습니다. 위 아래 두 개의 테이블을 자세히 보세요. 색상의 변화가 서로 다릅니다. 위의 소스중에 GradientType=1은 색상의 방향을 표시합니다. 여기서 숫자 1은 색상이 왼쪽에서 오른쪽으로 그라이언트 효과를 낸다는 뜻입니다. 0을 써넣으면 위에서 아래로 그라이언트 효과가 납니다. 지금 두 개의 테이불중에 위쪽 테이블은 GradientType=1 아래테이블은 GradientType=0 입니다. StartColorStr='#FFFFFF 시작하는쪽의 그라이언트색상입니다. 위의 테이블은 왼쪽, 지금 글을 쓰고 있는 테이블은 위쪽의 색상입니다. EndColorStr='#FFC0F는 색상효과가 끝나는 곳의 색상입니다. 위 소스가 있는 테이블에서는 오른쪽 지금 글을 쓰고 있는 테이블에서는 아랫쪽입니다. GradientType=1에서는 방향을 바꾸고 StartColorStr='#FFFFFF와 EndColorStr='#FFC0FF에서는 색상을 바꾸어 멋진 화면을 만들어 보세요. 얼마나 멋진 화면을 만드느냐는 쓰는 사람의 몫입니다.