优化代码 使按钮突出显示
时间: 2023-09-29 13:06:38 浏览: 68
单按钮Flash焦点图代码.zip_单按钮Flash焦点图代码
要让按钮突出显示,可以通过CSS来实现。以下是一个示例代码:
HTML代码:
```
<button class="btn">Click me!</button>
```
CSS代码:
```
.btn {
background-color: #4CAF50;
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.btn:hover {
background-color: white;
color: #4CAF50;
border: 2px solid #4CAF50;
}
```
在上面的代码中,我们定义了一个名为“btn”的按钮类,并设置了一些样式属性,如背景颜色、字体颜色、边框等。在:hover伪类中,我们改变了背景颜色、字体颜色和边框属性,以使按钮在鼠标悬停时突出显示。
你可以根据自己的需求修改这些样式属性,使按钮更加突出。
阅读全文