CSS实现的鼠标悬浮整行背景变色代码【HTML】

web前端|html教程

CSS实现的鼠标悬浮整行背景变色代码

web前端-html教程

CSS实现的鼠标悬浮整行背景变色代码:

在新闻列表形式的不居中，为了清晰的分辨每一行，一般当鼠标悬浮在一行上的时候，能够实现当前行整行变色，下面就通过代码实例简单介绍一下如何实现此效果，代码如下:

家庭财务管理系统 源码,vscode格式化工具,ubuntu查看模块,tomcat多了个404,爬虫设计大赛,php 用户登录模块,百度竞价seo公式,相册管理网站源码php,flash个人简介模板免费下载lzw

a.menulink { display:block; width:198px; text-align:left; text-decoration:none; font-family:arial; font-size:12px; color:#000000; border:none; border:solid 1px #ffffff;}a.menulink:hover { background-color:#f0e1ff;}

国外快递查询网站源码,vscode在哪工作区设置,ubuntu 安装dep,tomcat 修改编码,骷髅爬虫数据,php判断pc还是手机,洪梅seo优化哪家好,win iis 网站,单页虚拟主机模板lzw

在以上代码中，当鼠标悬浮在行上的时候，能够实现整行变色，下面做一下简单介绍。

一.实现过程:

将a元素通过display:block转换成块级元素，这样才能够设置它的尺寸。

a.menulink:表示a标签中class属性值为menulink的元素。

a.menulink:hover:设置a标签中class属性值为menulink的元素，当鼠标悬浮在链接上的样式。

二.相关阅读:

1.hover可以参阅CSS中a:link、a:visited、a:hover、a:active的用法一章节。

2.hover也可以参阅CSS的伪类选择符E:hover一章节。

点菜系统源码,vscode ue4,ubuntu显示内存,怎么进tomcat网页,猿人爬虫,php聊天室原理,seo兼职在哪里推广,免费收录网站导航源码,爱家房产模板lzw

原文地址是:/forum.php?mod=viewthread&tid=10887

更多内容可以参阅:/divcss/