HTML代码美化

Posted 2023-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML代码美化相关的知识，希望对你有一定的参考价值。

帮我把按钮文字背景美化一下背景最好居中或适应不重叠
"<html>"
"<head>"
"<title>你们都</title>"
"</head>"
"<script language=\"javascript\" src=\"?getxml=\">"
"</script>"
"<style> "
".parent width:980px;height:50px;margin:0 auto;text-align:center;"
".children display:inline-block;width:33%%;height:100%%;"
"*+ html .children display:inline;zoom:1;"
"* html .children display:inline;zoom:1;"
"</style> "
"<BODY onload = \"sender(0)\">"
"<body background="http://img1.xcarimg.com/b171/s5313/20130625144159802565.jpg">"
"<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>"

参考技术A <html>
<head>
<title>你们都</title>
<style>
bodybackground:url(http://img1.xcarimg.com/b171/s5313/20130625144159802565.jpg) no-repeat center center;margin:0px auto;
.parent width:980px;height:50px;margin:0 auto;text-align:center;
.children display:inline-block;width:33%%;height:100%%;
*+ html .children display:inline;zoom:1;
* html .children display:inline;zoom: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-family;font-size;font-weight;color等可以美化
按钮要想美化就给按钮做个背景图片就可以了
希望能帮助你追问

适应屏幕怎么改啊

本回答被提问者采纳

SublimeText3系列- HTML-CSS-JS Prettify美化代码&Markdown Preview写作

1.1HTML-CSS-JS Prettify安装

HTML-CSSS-JS Prettify插件使用的是node版的js-beautify，因此需要首先安装node，node的安装请自行搜索。
在node安装完成后，使用npm安装js-beautify，命令 npm install -g js-beautify
HTML-CSS-JS Prettify 的安装推荐使用PackageControl
Ctrl+Shift+P输入Install Package，然后输入HTML-CSS-JS Prettify进行安装