그라디언트 필터를 적용한 버튼
본문
<html>
<head>
<style>
.color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=blue)';font-size: 9pt; border:1 solid #000000;height:30px;}
.color2 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=orange, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:30px;}
.color3 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#a68064, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:30px;}
.color4 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=red)';font-size: 9pt; border:1 solid #000000;height:30px;}
</style>
</HEAD>
<BODY>
<center>
<!-- class 부분을 위의 스타일과 일치 시킵니다 ---->
<input type="button" value="Gradient 필터를 적용한 버튼" class="color1"><br><br>
<input type="button" value="Gradient 필터를 적용한 버튼" class="color2"><br><br>
<input type="button" value="Gradient 필터를 적용한 버튼" class="color3"><br><br>
<input type="button" value="Gradient 필터를 적용한 버튼" class="color4"><br> <br>
</body>
</html>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=108
<head>
<style>
.color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=blue)';font-size: 9pt; border:1 solid #000000;height:30px;}
.color2 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=orange, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:30px;}
.color3 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#a68064, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:30px;}
.color4 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=red)';font-size: 9pt; border:1 solid #000000;height:30px;}
</style>
</HEAD>
<BODY>
<center>
<!-- class 부분을 위의 스타일과 일치 시킵니다 ---->
<input type="button" value="Gradient 필터를 적용한 버튼" class="color1"><br><br>
<input type="button" value="Gradient 필터를 적용한 버튼" class="color2"><br><br>
<input type="button" value="Gradient 필터를 적용한 버튼" class="color3"><br><br>
<input type="button" value="Gradient 필터를 적용한 버튼" class="color4"><br> <br>
</body>
</html>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=108
관련링크
댓글목록
등록된 댓글이 없습니다.