<!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><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=""style="background:url(<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}
</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>
聯(lián)系客服
