http://oxtag.com/html/ex/gradient_filter.html
<html>
<head>
<title> </title>
<style>
.color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=hotpink, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
.color2 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=skyblue, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
.color3 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=orange, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
</style>
</head>
<body>
<font style=font-size:9pt;>
* 새로운필터를 적용한 칼라버튼.[ie5.5 sp2이상]<br>
* 참고로 GradientType=0을 GradientType=1로 수정하시면 가로로 그레디언트가 적용되고 <br>
* GradientType=3 이상부터는 반전한 효과가 납니다 <br>
* 아마도 다이렉트 X를 이용하는 듯 싶습니다.. 5.0 이상이고 다렉 버전이 7이나 8이라면 작동되는 듯 싶습니다 <br><br>
filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=hotpink, EndColorStr=#FFFFFF)';<br>
font-size: 9pt; border:1 solid #000000;height:40px; <br>
<br>
StartColorStr=hotpink //시작 색입니다.. <br>
EndColorStr=#FFFFFF //끝나는색 입니다.. <br>
이것만 아시면 사용하시는데 아무런 지장 없습니다.. <br><br>
= input 버튼에 적용시 =<br><br>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color1"><br><br>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color2"><br> <br>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color3"><br><br> <br>
= 테이블에 적용시 =<br><br>
<table class="color1"><tr><td width=370 height=30 align=center>
새로운필터를적용한 버튼입니다.이쁘지않나요?
</td></tr></table>
</body>
</html>
반응형
'인터넷정보' 카테고리의 다른 글
| 텍스트 링크시 이미지를 사용하지 않고 롤오버 기능을 넣어보자. (0) | 2007.10.17 |
|---|---|
| a 링크 태그 말고 다른 태그로 링크해보장. (0) | 2007.10.17 |
| a 링크 태그 말고 다른 태그로 링크해보장. (0) | 2007.10.17 |
| 음악파일 동영상을 내가 원하는 부분만 재생시켜보자. (0) | 2007.10.17 |
| 음악파일 동영상을 내가 원하는 부분만 재생시켜보자. (0) | 2007.10.17 |
| 필터를 적용한 칼라버튼.[ie5.5 sp2이상] (0) | 2007.10.16 |
| 페이지마다 타이틀 변경하기 (0) | 2007.10.16 |
| 페이지마다 타이틀 변경하기 (0) | 2007.10.16 |
| 프레임셋 / 아이프레임 / 테이블 등의 border(테두리) 모양바꾸기 (0) | 2007.10.16 |
| 프레임셋 / 아이프레임 / 테이블 등의 border(테두리) 모양바꾸기 (0) | 2007.10.16 |