1、新建一个html文件，在body中输入a标签游戏网页制作按钮如何制作点击，插入一个空链接。 【】，然后在标题【】中插入引入内联样式的代码。
2、然后我们在a标签中添加一个css样式，命名为[btn-style]，并定义宽度、高度、字体颜色、背景颜色，去掉按钮的下划线。 注意需要添加disply:block，否则定义的按钮宽高不会生效。 [width: 150px;height: 50px;color:#F8FF00;background: #FF0000;text-decoration:none;display: block;]然后在a标签中引入btn-style样式[class="btn-style"] 。 保存网页后游戏网页制作按钮如何制作点击，按F12即可在浏览器中查看。 这时候我们发现字体很小而且不在按钮的中间。
3.我们继续添加样式并定义按钮的字体水平居中、垂直居中、字体和字体大小。
line-height: 50px;text-align: center;font-size: 20px;font-family: "微软雅黑";
保存网页查看效果，按钮的基本外观就出现了。
4.然后我们将按钮的四个角设置为圆角，使其看起来更像一个按钮。 [边框半径：100px；]。 保存后可以看看效果吗？
5、我们还可以改变鼠标经过按钮时的颜色，让按钮更加明显。 我们可以单独为a标签定义一个鼠标经过后的颜色开发学习，并将鼠标经过后的字体颜色由之前的黄色改为白色【a :hover{color:#fff;}】
6. 除了定义鼠标经过时的字体颜色外，还可以更改按钮背景颜色。 【背景：#B00000;】。
7、为了方便有经验的朋友观察效果，我特地复制了一个一模一样的按钮，两个按钮之间加了一个外空格，并保存了网页。 在网页中技能特效，可以看到当鼠标经过下面的按钮时，鼠标会变色。 ，不是很好吗？
8、我们也可以直接点击DW中上方中间的【分割】来查看实时效果。 是不是很简单呢？
