html中点击按钮怎样改变div背景颜色

直接用JS操作style属性来改变背景颜色比较容易。
像这样看它：
<button onclick=changeColor()">更改颜色</button>
JavaScript 函数改变颜色（）{ 让 div = document.getElementById('myDiv'); div.style.backgroundColor = '' + Math.floor(Math.random()1 6 7 7 7 2 1 5 ).toString(1 6 );
我上周刚刚处理了类似的请求。
无需编写 CSS 文件。
直接用JS操作样式就可以了。
这种方法是最直接的。

如果你尝试这个版本，效果是一样的。
这是第一个。

html怎样同时设置按钮的字体颜色和按钮的颜色

说实话，你的写法有点问题。
将 style 属性直接插入到 <input> 标签中是行不通的。
HTML 标准不直接支持使用内联样式，例如输入元素上的样式。
您必须使用 CSS。

我通常这样做：首先向按钮添加一个类名，例如 .btn-confirm，然后在 CSS 中单独定义它。
像这样：
<input type="submit" value="Confirm" class="btn-confirm">
那么css样式就是：
css. .btn-验证{ 背景颜色：绿色； / 按钮背景颜色/ 颜色：红色； /文字颜色/ 边框：无； /删除边框/ 内边距：1 0 像素 x 2 0 像素； / 添加图块 / 边框半径：5 px； / 略圆 / 指针：指针； /鼠标向上移动形成手形/ }
这样写的好处是，以后如果想改变所有.btn-confirm按钮的样式，直接改变CSS即可。
而且浏览器兼容性也不错。

当然，如果你想快速尝试，可以使用内联样式，但必须用 JavaScript 编写：
<input type="submit" value="OK" onclick=this.style.backgroundColor='green'; this.style.color='red';">
但说实话，这种写法以后维护起来会很头疼。
我在论坛工作了1 0年，见过太多使用在线模式解决问题的案例，最后的变化似乎是轰炸式的。

像<button>这样的块级元素就可以，可以直接添加样式，但是不建议使用<input type="submit">。
请记住，CSS 是专门为定义样式而设计的。
不要让 HTML 爆炸。

html按钮怎么设置颜色

直接使用CSS改变按钮颜色更稳定。

使用背景颜色作为背景颜色。
使用颜色为文本着色。

1 .包含的更改： <button style="background-color:f00;color:fff;">红色按钮</button> f00直接是红色的。
fff 纯白色。

2 内部 CSS 更改： <标题><样式> .myptn { 背景颜色：0f0； /绿色背景/ 颜色: ff; /白色/ 内边距：1 0px 2 0px； /边框宽度/ } </风格></头> <button class="mybtn">绿色按钮</button> .mybtn 是类名。
:hover 是鼠标向上移动的效果。

3 外部CSS修改： btn.css 文件： .myptn { 背景颜色：00f； /蓝色背景/ } 索引。
文件： <link href="btn.css" rel="stylesheet"> <button class="mybtn">蓝色按钮</button> CSS文件单独放置，HTML被引用。

4 RGB颜色： <button style="background-color:rgb(2 5 5 ,0,0);color:fff;">真红色</button> rgb(2 5 5 ,0,0) 是红色。
接下来是白色的。

5 渐变颜色： <button style="background:linear-gradient(to right,f00,0f0);color:000;">红绿渐变</button> LinearGradient() 实现渐变。

6 禁用状态： <标题><样式> ：禁用{ 背景颜色：CCC； /灰色背景/ } </风格></头> <禁用按钮>禁用</按钮> :disabled 是一个伪类。

自己掂量一下。

怎样在HTML中插入Button按钮,且按钮要显示颜色

点击</button>
CSS样式有两种类型。
一是定义一个名为btn-style的类（这里定义为红色背景）。

.btn 样式{ 背景颜色： 红色
另一种定义：直接在button标签上写内联样式，像这样：
点击</button>
效果如下，按钮背景为红色：代码截图如下：
扩展信息：
1 . <button> 标签标识一个按钮。
在按钮组件内，您可以放置​​内容，例如文本或图像。

2 还要设置按钮的其他样式，如：
Border: border:1 px Solid 1 05 4 ff;//表示边框为1 px，实心，颜色为1 05 4 ff
字体颜色: color:1 05 4 ff;//表示字体颜色为1 05 4 ff
按钮圆角设置: border-radius:4 px;//表示按钮的四个角有圆角4 px
参考：mdn技术文档-关于按钮标签