常用HTML控件的样式,很酷的
样式表t2style.css
INPUT {
BORDER-RIGHT: #afc2cc 1px solid; BORDER-TOP: #afc2cc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #afc2cc 1px solid; BORDER-BOTTOM: #afc2cc 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #ffffff
}
INPUT.BUTTON {
BORDER-RIGHT: rgb(99,110,139) 1px solid; BORDER-TOP: rgb(99,110,139) 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: rgb(99,110,139) 1px solid; BORDER-BOTTOM: rgb(99,110,139) 1px solid; FONT-STYLE: normal; FONT-FAMILY: verdana, Arial, Helvetica; BACKGROUND-COLOR: #f3f0f0; FONT-VARIANT: normal
}
INPUT.CHECK {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent
}
SELECT {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana, Arial, Helvetica; BACKGROUND-COLOR: #ffffff
}
TEXTAREA {
BORDER-RIGHT: #afc2cc 1px solid; BORDER-TOP: #afc2cc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #afc2cc 1px solid; BORDER-BOTTOM: #afc2cc 1px solid; FONT-FAMILY: verdana
}
HTML应用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="t2style.css" _fcksavedurl=""t2style.css"" _fcksavedurl=""t2style.css"" rel="stylesheet" type="text/css" />
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<label>
<input type="text" name="textfield" />
</label>
<p>
<label>
<textarea name="textarea"></textarea>
</label>
</p>
<p>
<label>
<input type="checkbox" name="checkbox" value="checkbox" />
</label>
</p>
<p>
<label>
<input type="radio" name="radiobutton" value="radiobutton" />
</label>
</p>
<p>
<label>
<input type="radio" name="RadioGroup1" value="单选" />
单选</label>
<br />
<label>
<input type="radio" name="RadioGroup1" value="单选" />
单选</label>
</p>
<p>
<label>
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</label>
</p>
<p>
<select name="menu1" οnchange="MM_jumpMenu('parent',this,0)">
<option>unnamed1</option>
</select>
</p>
<p>
<label>
<input type="file" name="file" />
</label>
</p>
<p>
<label>
<input type="submit" name="Submit" value="提交" />
</label>
</p>
<fieldset><legend>111</legend>xxxx<br>axxx</fieldset><br />
<a href="forms.html"></a>
</form>
</body>
</html>