CSS定义的漂亮窗体和按钮

[ 2007-04-24 15:23:00 | 作者: admin ]
字号: | |
http://www.gagavideo.com/article.asp?id=2736
attachments/200704/24_152324_52006111410210.gif
引用
<style>
body,td,th{font-size:12px;}
.btn80{
        height:22px;
        width:80px;
        border:1px solid #58B926;
  background:#D4F4C5;
  color:#09740B;
  padding-top:2px;
        FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F5FCF2,endColorStr=#B0E298);
  }
.btnblue{
        height:22px;
        width:80px;
        border:1px solid #7089A3;
  background:#EDF4FA;
  color:#285A74;
  padding-top:2px;
        FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F8FCFD,endColorStr=#C2DAEC);
  }
.mainfrm{
        height:150px;
        width:450px;
        border-top:1px solid #999999;
        border-left:1px solid #999999;
        border-right:1px solid #808080;
        border-bottom:1px solid #808080;
  padding:20 40;
        FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EBF0F4,endColorStr=#FFFFFF);

}
hr{
        border-top:1px solid #91A7B4;
        border-bottom:1px solid #FFFFFF;
        size:1px;
        margin-top:-7px;
        margin-bottom:0px;
}
.text1{
        font-family:Arial;
  color:#496271;
        FILTER: progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offX=1,offY=1,positives=true);
  text-decoration:none;
        }

</style>
<div class="mainfrm">
<a href="<a href="http://www.<a href="http://www.pconcool.com" target="_blank">pconcool</a>.com" target="_blank">http://www.<a href="http://www.pconcool.com" target="_blank">pconcool</a>.com</a>" class="text1">Pconcool's Blog 原创</a>
<p style="margin:5px;"></p>
<hr>
<input type="submit" name="Submit" value="提交" class="btn80" style="width:40px;"> <input type="submit" name="Submit" value="提交" class="btn80" style="width:60px;">
 <input type="submit" name="Submit" value="提交" class="btn80" style="width:80px;">
 <input type="submit" name="Submit" value="提交" class="btn80" style="width:100px;">
<font color='#F7F7F4'>http://www.pconcool.com</font><br>
<font color='#F7F7F4'>http://www.pconcool.com</font><br>
<input type="submit" name="Submit" value="提交" class="btnblue" style="width:40px;"> <input type="submit" name="Submit" value="提交" class="btnblue" style="width:60px;">
 <input type="submit" name="Submit" value="提交" class="btnblue" style="width:80px;">
 <input type="submit" name="Submit" value="提交" class="btnblue" style="width:100px;">
</div>
评论Feed 评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=871

这篇日志没有评论。

此日志不可发表评论。