}
</script>
<style>
.mo{
padding-top:3px;border:1px #333333 solid;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#c0c0c0,endColorStr=#e5e5e5)
}
.mu{
padding-top:3px;border:1px #333333 solid;background-color:#c0c0c0
}
</style>
<center>
<table style="FILTER: Alpha( style=1,opacity=100,finishOpacity=0,startX=0,finishX=100,startY=50,finishY=50); BACKGROUND-COLOR: blue">
<td width="900" height="33" valign="top">
<input type=button value="常在河邊走,從來(lái)不穿鞋" class="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" onclick=postdata() onfocus="this.blur()">
</td>
</table>
<table style="FILTER: Alpha( style=1,opacity=100,finishOpacity=0,startX=0,finishX=100,startY=50,finishY=50) fliph; BACKGROUND-COLOR: orange;">
<td width="900" height="33" valign="top">
<input type=button value="常在河邊走,從來(lái)不穿鞋" class="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" onclick=postdata() onfocus="this.blur()">
</td>
</table>
<table style="FILTER: Alpha( style=1,opacity=100,finishOpacity=0,startX=0,finishX=100,startY=50,finishY=50); BACKGROUND-COLOR: cyan">
<td width="900" height="33" valign="top">
<input type=button value="常在河邊走,從來(lái)不穿鞋" class="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'">
</td>
</table>
<table style="FILTER: Alpha( style=1,opacity=100,finishOpacity=0,startX=0,finishX=100,startY=50,finishY=50) fliph; BACKGROUND-COLOR: brown;">
<td width="900" height="33" valign="top">
<input type=button value="常在河邊走,從來(lái)不穿鞋" class="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'">
</td>
</table>
<table style="FILTER: Alpha( style=1,opacity=100,finishOpacity=0,startX=0,finishX=100,startY=50,finishY=50); BACKGROUND-COLOR: pink">
<td width="900" height="33" valign="top">
<input type=button value="常在河邊走,從來(lái)不穿鞋" class="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'">
</td>
</table>
<table style="FILTER: Alpha( style=1,opacity=100,finishOpacity=0,startX=0,finishX=100,startY=50,finishY=50) fliph; BACKGROUND-COLOR: green;">
<td width="900" height="33" valign="top">
<input type=button value="常在河邊走,從來(lái)不穿鞋" class="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'">
</td>
</table>
<br><br><br>
我找來(lái)的 在無(wú)憂上,不過(guò)做了些小修改
<p>
<style>
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0
ńfont-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
</style>
<body>
<button class=btn> Button</button><P></p>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'"
> Button</button>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'" DISABLED
>Button</button>
<P>
<button class=btn3_mouseout
onmouseover="this.className='btn3_mouseover'"
onmouseout="this.className='btn3_mouseout'"
onmousedown="this.className='btn3_mousedown'"
onmouseup="this.className='btn3_mouseup'" onclick="this.blur();"
> Button</button>
</body>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>按鈕樣式</title>
</head>
<body>
我找來(lái)的 在無(wú)憂上,不過(guò)做了些小修改
<p>
<style>
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0
ńfont-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA
px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
</style>
<body>
<button class=btn> Button</button><P></p>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'"
> Button</button>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'" DISABLED
>Button</button>
<P>
<button class=btn3_mouseout
onmouseover="this.className='btn3_mouseover'"
onmouseout="this.className='btn3_mouseout'"
onmousedown="this.className='btn3_mousedown'"
onmouseup="this.className='btn3_mouseup'" onclick="this.blur();"
> Button</button>
<!--樣式2-->
<input type="button" value="BUTTON" style="filter:Alpha(opacity=30);color:red">
<input type="button" value="BUTTON" style="background:transparent;border-width:0px">
<input type="button" value="BUTTON" style="border-width:1px">
<input type="button" value="BUTTON" style="background:transparent;border-width:1px">
<input type="button" value="BUTTON" style="background:transparent;border-width:1px;border-style:dashed">
<input type="button" value=""
dashed">
<input type="button" value="BUTTON" style="border-width:0px">
<!--樣式3-->
<style>
.start {color:yellow; background:red}
</style>
<script LANGUAGE="JAVASCRIPT">
function highlightButton(s) {
if ("INPUT"==event.srcElement.tagName)
event.srcElement.className=s
<!-- 此網(wǎng)頁(yè)中的特別動(dòng)態(tài)效果使用“有聲有色 2003”軟件編輯制作!-->
<!-- “有聲有色 2003”--最好的網(wǎng)頁(yè)特效制作編輯軟件,制作特效您只需輕點(diǎn)幾下鼠標(biāo)即可完成! -->
<!-- 軟件下載地:酷博軟件網(wǎng) --><!-- 網(wǎng)站地址:
http://www.coolboo.com -->
<!-- 軟件作者:朱 江(Richie) --><!-- E-mail:richie@coolboo.com -->
}
// End -->
</script>
<form name="form2" onmouseover="highlightButton('start')" onmouseout="highlightButton('')">
<center><p>
<input type="button" value="女大十八變,越變?cè)胶每矗? name="B2"></p>
</form>
<br>
<input name="aa" type="submit" onClick="this.style.backgroundColor='#999999'" value="檸檬樹(shù)下 ">
<br>
<script language="vbscript">
<!--
sub msg(ms)
msgbox ms,,""
end sub
sub sub_onclick()
dim thisform
set thisform=document.login
if thisform.username.value="" or thisform.password.value="" then
msgg="用戶名和密碼不能為空!"
msg(msgg)
else
thisform.submit
end if
end sub
//-->
</script>
<style type=text/css>
<!--
a{text-transform: none; text-decoration: none;color:#aa4740; }
a:hover {background-color: #F9D6B9}
a:active{color:#D09462; text-decoration: none; font-size=10pt}
body {font-size:9pt}
BODY{
scrollbar-face-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-highlight-color:#ffffff;
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#D09462;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
BACKGROUND:#ffffff}
DIV {font-size:9pt}
td {font-size:9pt; color:#D09462;font-family:"verdana", "chicago", "Osaka"; line-height: 13pt}
input,textarea{border:1px dotted #D09462;background-color:#ffffff;color:#D9462;family:verdana}
--></style>
<p> </p>
<table width="400" border="0" bordercolor="#FFFFFF" align="center">
<tr>
<td bordercolor="#000000" height="167" width="388">
<form method="post" action="man.asp" name="login">
<table width="382" border="0" cellspacing="3" cellpadding="8">
<tr>
<td colspan="2">
<div align="center"><font size="2">用戶名</font></div>
</td>
</tr>
<tr>
<td width="114">
<div align="right">用戶名:</div>
</td>
<td width="266">
<input type="text" name="username">
</td>
</tr>
<tr>
<td width="114">
<div align="right">密 碼:</div>
</td>
<td width="266">
<input type="password" name="password">
</td>
</tr>
<tr>
<td colspan="2" height="3">
<div align="center">
<input type="button" name="sub" value=" 確定 ">
</div>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<br><br>
<center>
<input type="button" value=" test " style="background:#6699cc;">
<input type="button" value=" test " style="color:red;">
<input type="button" value=" test " style="border:inset 2px #000000">
<input type="button" value=" test " style="border:dotted 1px #000000">
<input type="button" value=" test " style="border:solid 1px #000000">
<input type="button" value=" test " style="border:solid 1px #000000;width:100;filter:progid:DXImageTransform.microsoft.gradient(startColorStr=#ffffffff,endColorStr=#ff6699cc)">
<br>
<input type=submit name=submit value="關(guān)關(guān)雎鳩,
在河之洲;
窈窕淑女,
君子好逑。
"style="color:#11ee19;writing-mode:tb-rl; width:3cm;border:red 12px groove">
<br>
<button style="width:190px; height:120px;border:lime 10px outset">
<span style="color:red; font:11pt 華文行楷; writing-mode:tb-rl">下定決心,<br>不怕?tīng)奚?lt;br>排除萬(wàn)難,<br>爭(zhēng)取勝利!<br></span>
</button>
<br>
</body>
</html>