스타일시트로 배경에 그라이언트 효과
<head>사이에
<style type="text/css">
.color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=yellowgreen, EndColorStr=#FFFFFF)';font-size: 9pt; border:0 solid #000000;height:40px;}
.color2 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=skyblue, EndColorStr=#FFFFFF)';font-size: 9pt; border:0 solid #000000;height:40px;}
.color3 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=white, EndColorStr=orange)';font-size: 9pt; border:0 solid #000000;height:40px;}
.color4 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=white, EndColorStr=orange)';font-size: 10px; border:0 solid #000000;height:17px;}
</style>
이렇게 정의하고
예)
<body class='color1'>
<table class='color2'>
<td class='color1'>
이렇게 클래사 정의를 내려주면 해당부분에 그라디언트가 적용됩니다.
글자에 그래디언트를 주려면
GradientType=1 은 가로, GradientType=2 이상은 반전