3. Implementation/HTML / CSS

[IE전용] 배경에 그라디언트(Gradient) 효과 주기

SSKK 2009. 6. 16. 08:50

<style type="text/css">

        html {

            filter:progid:DXImageTransform.Microsoft.Gradient  

                        (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#D5E4F5');  

        }

</style>


버튼도 마찬가지로 다음과 같이 하면 된다.

input.btn {

    color:#050;

    font: small 'Verdana', 'trebuchet ms',helvetica,sans-serif;

    background-color:#fed;

    border:1px solid;

    border-color: #696 #363 #363 #696;

    filter:progid:DXImageTransform.Microsoft.Gradient  

    (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  

}

 

<input id="button1" type="button" class="btn" value="button1" />


출처 : 구글링