HTML如何更改按钮颜色，方法是什么
导读：关于“HTML如何更改按钮颜色，方法是什么”的知识点有一些人不是很理解，对此小编给大家总结了相关内容，文中的内容简单清晰，易于学习与理解，具有一定的参考学习价值，希望能对大家有所帮助，接下来就跟随小编一起学习一下“HTML如何更改按钮颜色，...
关于“HTML如何更改按钮颜色，方法是什么”的知识点有一些人不是很理解，对此小编给大家总结了相关内容，文中的内容简单清晰，易于学习与理解，具有一定的参考学习价值，希望能对大家有所帮助，接下来就跟随小编一起学习一下“HTML如何更改按钮颜色，方法是什么”吧。
html改变按钮颜色的方法：1、给按钮元素添加“button{ background-color:颜色值} ”样式改变按钮的背景颜色；2、给元素按钮添加“button{ color:颜色值} ”样式改变按钮的字体颜色。
本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。
html改变按钮颜色的方法
1、html改变背景颜色的方法
代码如下：
button{
background-color:颜色值}
设置背景颜色：
!DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport" content="width=device-width, initial-scale=1.0">
meta http-equiv="X-UA-Compatible" content="ie=edge">
title>
Document/title>
/head>
style>
button{
background-color:#FF0000}
/style>
body>
button>
按钮/button>
/body>
/html>
输出结果：
2、html改变按钮字体颜色的方法
代码如下：
button{
color:颜色值}
设置字体颜色：
!DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport" content="width=device-width, initial-scale=1.0">
meta http-equiv="X-UA-Compatible" content="ie=edge">
title>
Document/title>
/head>
style>
button{
color:#FF0000}
/style>
body>
button>
按钮/button>
/body>
/html>
输出结果：
以上就是关于“HTML如何更改按钮颜色，方法是什么”的介绍了，感谢各位的阅读，希望文本对大家有所帮助。如果想要了解更多知识，欢迎关注网络，小编每天都会为大家更新不同的知识。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML如何更改按钮颜色，方法是什么
本文地址： https://pptw.com/jishu/655145.html