QSS 给名为btn1和btn2的按钮同时添加样式 要求背景颜色偏蓝色字体漂亮鼠标指向时有变化点击时有变化
你可以使用以下CSS样式为btn1和btn2按钮添加样式:
.btn1,
.btn2 {
background-color: #007bff;
color: #fff;
font-family: Arial, sans-serif;
border: none;
padding: 10px 20px;
cursor: pointer;
}
.btn1:hover,
.btn2:hover {
background-color: #0056b3;
}
.btn1:active,
.btn2:active {
background-color: #003d80;
}
然后,在HTML中给btn1和btn2按钮添加相应的class属性:
<button class="btn1">按钮1</button>
<button class="btn2">按钮2</button>
这样,btn1和btn2按钮就会应用上述样式,包括背景颜色偏蓝色、漂亮的字体、鼠标指向时的变化和点击时的变化。
原文地址: https://www.cveoy.top/t/topic/iDQu 著作权归作者所有。请勿转载和采集!