方法1方法1/2：使用html

1. 1类型&lt；按钮在你的HTML正文中。这是HTML代码的按钮标记的开始。HTML的主体是介于两者之间的区域&lt；车身&gt；和&lt/车身&gt；标签。正文是使用HTML放置网页可见元素的地方。

2. 2Type style=在按钮标签的“按钮”后面。这表示按钮标记中有样式元素。所有样式元素都将放在“=”符号后面。

3. 3在等号（=）后添加引号（“）。HTML按钮标签中的所有样式元素都应放在引号内。

4. 4在“style=”后面的引号中键入背景色。此元素用于更改按钮的背景色。

5. 5在“背景色：”后键入颜色名称或十六进制代码。您可以键入颜色（即蓝色）或十六进制颜色的名称。要查找十六进制代码，请转至https://www.google.com/search?q=color+网络浏览器中的选择器。使用底部的滑块选择颜色。使用窗口中的圆圈选择色调。突出显示并复制侧边栏左侧的6位代码（包括英镑符号），然后将其粘贴到按钮标签中。也可以使用“透明”作为背景色。

6. 6键入分号（；）在背景色之后。使用分号分隔HTML按钮标记中的不同样式元素。

7. 7输入边框颜色：在“style=”后的引号中。此元素用于确定按钮周围边框的颜色。可以在“style=”后面的引号中按任意顺序放置样式元素。每个元素必须用分号（；）分隔。

8. 8为边框颜色键入颜色名称或十六进制代码。边框的颜色名称或十六进制代码位于“border color:”元素之后。如果要删除边框，请键入border:none代替“border color:”元素。

9. 9 a型分号（；）在边框颜色之后。使用分号分隔HTML按钮标记中的不同样式元素。

10. 10键入颜色：“style=”后的引号中。此元素用于更改按钮中的文本颜色。可以在“style=”后面的引号中按任意顺序放置样式元素。每个元素必须用分号（；）分隔。

11. 11输入颜色或十六进制代码的名称。在“风格”后面加上“颜色”。这决定了按钮中文本的颜色。

12. 12在所有样式元素后键入引号（“）。所有样式元素都应在按钮标记中“style=”后的引号中。添加完所有样式元素后，在末尾键入引号（“）以关闭样式元素。

13. 13型&gt；在样式元素之后。这将关闭打开按钮标签。

14. 14在按钮标签后键入按钮文本。为按钮创建完开始标记后，在标记后的按钮中键入要进入的文本。

15. 15型&lt/按钮&gt；在按钮文本之后。这是你按钮的结束标签。你的按钮完成了。你的HTML代码应该是这样的&书信电报；！DOCTYPE html&gt&书信电报；html&gt&书信电报；车身&gt&书信电报；按钮style=“背景色：红色；边框颜色：蓝色；颜色：白色”&gt；按钮文本&lt/按钮&gt&lt/车身&gt&lt/html&gt；

方法2方法2/2：使用css

1. 1类型&lt；头&gt；在HTML文档的顶部。这会为HTML文档创建一个头部。文档的头部是放置网页上不可见信息的位置。这包括元数据、页面标题和样式表。

2. 2类型&lt；风格&gt；。这个标签在网页上为层叠样式表（CSS）添加一个位置。本节位于HTML文档的开头。一些HTML文档使用外部样式表。如果是这种情况，您需要找到外部CSS文件的位置，并编辑该文档上的按钮样式表。

3. 3.打字。按钮{位于样式部分后的单独一行。这将打开要为其创建样式的按钮的样式表。当您将鼠标光标放置在按钮上时，也可以通过创建单独的样式表来更改按钮的颜色。按钮：悬停{作为开始标记。

4. 4输入背景色：。这在按钮样式表中的单独一行。此元素控制按钮的背景色。

5. 5输入颜色名称或十六进制代码，后跟分号（；）。在按钮样式表中的“background color:”元素后面键入。这将指定按钮的背景色。要查找十六进制代码，请转至https://www.google.com/search?q=color+网络浏览器中的选择器。使用底部的滑块选择颜色。使用窗口中的圆圈选择色调。突出显示并复制左侧侧栏中的6位代码（带磅号）。也可以键入“transparent”作为背景色，使背景不可见。。

6. 6输入边框颜色：。元素控制按钮周围边框的颜色。在按钮样式表中的单独一行中键入。

7. 7键入颜色名称或十六进制代码，后跟分号（；）。这决定了按钮周围边框的颜色。这在按钮样式表中的“边框颜色：”元素之后。如果要删除边框，请键入border:none；代替“border color:colorname”元素。

8. 8.输入颜色：。在样式表中的单独一行中键入。此元素控制按钮中文本的颜色。

9. 9输入颜色名称或十六进制代码，后跟分号（；）。这决定了按钮内文本的颜色。这是在按钮样式表中的“color:”元素之后。

10. 10在另一行键入}。这将关闭按钮的样式表。您可以创建多个按钮样式表，只要为每个按钮指定一个唯一的名称。

11. 11类型&lt/风格&gt；完成CSS后。创建完所有样式表后，键入“&lt；/style&gt；”在另一行关闭HTML文档的样式部分。

12. 12类型&lt/头&gt；。这将关闭HTML文档的头部。

13. 13型&lt；a href=“url”class=“button”&gt；按钮文本&lt/a&gt；在HTML文档的主体中。这将使用HTML文档的样式部分中指定的样式表向HTML的可见部分添加一个按钮。将“url”替换为按钮链接的网址。HTML文档的主体位于&lt；车身&gt；和&lt/车身&gt；HTML文档的标签。HTML代码应该是这样的：&lt；！DOCTYPE html&gt&书信电报；html&gt&书信电报；头&gt&书信电报；风格&gt。按钮{背景颜色：蓝色；边框颜色：红色；颜色：白色；}&lt/风格&gt&lt/头&gt&书信电报；车身&gt&书信电报；a href=”https://www.tl80.cn“class=”button“&gt；Home&lt；/a&gt；&lt；/body&gt；&lt；/html&gt；。