<!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(http://51js.com/images/smilies/wink.gif);border-width:1px;width=62;height=22;border-style: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}
</script>
<form name="form2" onmouseover="highlightButton('start')" onmouseout="highlightButton('')">
<center><p>
<input type="button" value="女大十八变，越变越好看！" name="B2"></p>
</form>
<br>
<input name="aa" type="submit" onClick="this.style.backgroundColor='#999999'" value="柠檬树下 ">
<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="关关雎鸠，
在河之洲；
窈窕淑女，
君子好逑。
"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>不怕牺牲，<br>排除万难，<br>争取胜利！<br></span>
</button>
<br>
</body>
</html>
联系客服
