css 如何设置鼠标点击时显示高亮
时间: 2023-12-24 16:02:27 浏览: 51
你可以使用 CSS 的 `:active` 伪类来设置鼠标点击时的高亮效果。例如,下面的代码可以让鼠标点击时显示黄色背景色:
```
a:active {
background-color: yellow;
}
```
这个代码片段适用于链接元素,在点击链接时会显示黄色背景色。你可以根据需要更改 `background-color` 属性的值以及选择器的类型和类名来适应其他元素。
相关问题
css 如何设置鼠标点击后显示高亮
可以使用 CSS 的 `:active` 伪类来设置鼠标点击后显示高亮,示例代码如下:
```css
a:active {
background-color: yellow;
}
```
上面的代码会在鼠标点击链接时,将链接的背景色设置为黄色。你也可以根据需要将上面的样式修改为其他样式,比如设置文字高亮等。
css导航条鼠标悬停盒子高亮显示
可以使用CSS的:hover伪类选择器为导航条中的每个盒子设置鼠标悬停效果。具体做法如下:
1. 给每个导航条盒子添加一个共同的class(例如.nav-box)。
2. 在CSS中使用.nav-box:hover选择器,为鼠标悬停时的状态设置样式。
3. 在:hover选择器中设置盒子的背景色或者边框等样式,来实现高亮效果。
示例CSS代码:
```
.nav-box:hover {
background-color: #fff; /* 设置背景色 */
border: 1px solid #000; /* 设置边框 */
}
```
这样,在鼠标悬停时,导航条中每个盒子都会显示高亮效果。