锐客网

  1. 首页 > 睿知 > it技术 > >

css样式鼠标滑过，css鼠标经过样式( 二 )

IT技术Winui


css里给h2文字设置鼠标经过下划线css里给h2文字设置鼠标经过下 。鼠标滑过的文字与图片必须是在一个容器内，并且是容器盒子内相邻的元素 。需要将图片先进行隐藏 。设置文字滑过时hover+图片样式才让图片显示出来 。
通过CSS下划线代码：text-decoration：underline来设置文字下划线 。实例演示如下：实例代码如下：此时页面效果如下：修改第1步中的txt样式，加入text-decoration：underline 。此时页面效果如下，出现了下划线 。
新建一个HTML文件，文件名为test.html，title标题为CSS实现鼠标经过导航的超链接时显示下划线效果 。
建立一个css样式表 a：link{color：blue；text-decoration：none；}a：hover{color：blue；text-decoration：underline；}a：visited{color：red；text-decoration：none；}则鼠标移动上去的时候有下划线 ， 点击之后颜色从蓝色变红色。
鼠标经过的时候出现下划线text-decoration：underline 不要下划线改成text-decoration：none即可 。a：hover是css中的选择器 ， 用于选择鼠标指针浮动在上面的元素 。
新建一个html文件 ， 命名为test.html，用于讲解css怎么在网页中给文字加上下划线 。在test.html文件内，使用p标签创建一行文字，文字内容为“这是测试的文字” 。
【css样式鼠标滑过，css鼠标经过样式】关于css样式鼠标滑过和css鼠标经过样式的介绍到此就结束了 ， 不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息 ， 记得收藏关注本站 。

推荐阅读


上一篇：银行如何做好客群营销，银行如何加强客群建设

下一篇：linux历史命令窗口 linux显示命令历史记录