HTML代码美化

HTML代码美化,第1张

<html>

<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} /* 选定的链接,即鼠标按下去的时候不松开显示的状态 */

顺序就是以上的顺序,修改了可能会导致某些状态设置失效。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7339777.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存