Html & Script

스타일시트로 배경에 그래디언트 효과내기

페이지 정보

본문

<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>
<table width="300" height="300" class='color1'>
        <tr>
                <td>
                class='color1'
                </td>
        </tr>
</table>
<table width="300" height="300" class='color2'>
        <tr>
                <td>
                class='color2'
                </td>
        </tr>
</table>
<table width="300" height="300" class='color3'>
        <tr>
                <td>
                class='color3'
                </td>
        </tr>
</table>
<table width="300" height="300" class='color4'>
        <tr>
                <td>
                class='color4'
                </td>
        </tr>
</table>

관련자료

등록된 댓글이 없습니다.
Today's proverb
캄캄한 세계 속에 살고 있다는 생각을 해본 적이 없다. 그것은 내 마음속에 언제나 태양이 떠 있기 때문이다. (헬렌 켈러)