<head>
<title>你们都</title>
<style>
body{background:url(http://img1.xcarimg.com/b171/s5313/20130625144159802565.jpg) no-repeat center centermargin:0px auto}
.parent { width:980pxheight:50pxmargin:0 autotext-align:center}
.children {display:inline-blockwidth:33%%height:100%%}
*+ html .children { display:inlinezoom:1}
* html .children { display:inlinezoom:1}
</style>
</head>
<script language=\JavaScript\ src=\?getxml=\>
</script>
<BODY onload = \sender(0)\>
<body>
<center>
<h2>当前温度检测</h2>
<div align= center>
<div class=\parent\>
<div class=\children\>温度 : </div>
<div id=\tempId\ class=\children\>00</div>
<div class=\children\>℃</div>
</div>
<br>
<font size= 20 color=blue>
</font>
<form>
<input name=B1 type=submit value=开启>
<input name=B2 type=submit value=关闭>
</form>
</center>
</body>
</html>
文字通过font-familyfont-sizefont-weightcolor等可以美化
按钮要想美化 就给按钮做个背景图片就可以了
希望能帮助你
用CSS美化下即可, 给你些参考:http://www.zcool.com.cn/work/ZMzAwOTQw.html
http://www.letget.com/logon/
简单点的话,a { color:#f00 }
如果要全面修改的话,也就是设置a标签四个状态;
a:link {color: red} /* 未访问的链接 */
a:visited {color: green} /* 已访问的链接 */
a:hover {color: black} /* 鼠标移动到链接上 */
a:active {color: yellow} /* 选定的链接,即鼠标按下去的时候不松开显示的状态 */
顺序就是以上的顺序,修改了可能会导致某些状态设置失效。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)