<button type="button" class="bottom1" onclick="location.href='./CodeVerification.html'"> <img src="images/88888.jpg" alt="" srcset="" class="img1"> <h1>验码</h1> </button> H5 跳转后的按钮改变颜色,具体代码
时间: 2023-07-19 21:39:50 浏览: 134
你可以在 CodeVerification.html 页面中添加以下 CSS 代码来改变按钮的颜色:
```
.bottom1 {
background-color: red; /* 改变按钮的背景色 */
color: white; /* 改变按钮的文字颜色 */
border: none; /* 去掉按钮的边框 */
padding: 10px 20px; /* 改变按钮的内边距 */
cursor: pointer; /* 鼠标悬停时显示手型光标 */
}
```
当然,你可以根据自己的喜好调整按钮的样式。
相关问题
<button type="button" class="bottom1" onclick="location.href='./CodeVerification.html'"> <img src="images/88888.jpg" alt="" srcset="" class="img1"> <h1>验码</h1> </button> 点击跳转到的界面,botton按钮变成黄色
这个问题涉及到网页设计和CSS样式,我可以为您提供一些思路。您可以尝试在CSS样式文件中找到按钮的类名或ID名,然后添加一个新的样式,将按钮的背景颜色设置为黄色。例如:
```
.bottom1 {
background-color: yellow;
}
```
这个样式将会把类名为"bottom1"的按钮的背景颜色设置为黄色。您可以根据自己的需要修改样式。同时,如果您需要在点击按钮后立即更改样式,您可以使用JavaScript代码来实现。
阅读全文
相关推荐
















