全网页CSS 超链接无下划线
来源:互联网 发布:天窗用处大吗 知乎 编辑:程序博客网 时间:2024/06/05 23:08
全网页CSS 超链接无下划线如何实现?
在一个网页中有若干对文字A超链接锚文本,但默认情况下带链接文字是有下划线效果的。如何使用CSS实现超链接无下划线样式呢?
通过CSS设置要想让带超链接锚文本字体文字默认下划线消失,我们需要CSS样式单词text-decoration去掉下划线。
具体去掉全网页默认链接下划线实现无下划线CSS代码如下:
- a{text-decoration : none}
以上CSS代码即可实现取消去掉下划线。
DIV CSS知识扩展,默认链接无下划线效果,当鼠标移到对应文字上方悬停对应文字字体出现下划线,CSS样式代码:
- a{text-decoration : none}
- a:hover{text-decoration:underline}
这样就会让网页中带链接文字下划线默认情况消失,但鼠标移到锚文本文字上方悬停时才出现下划线样式效果。
以下为,默认情况下带链接文字没有下划线,鼠标经过悬停在锚文本字体上方时出现CSS下划线。
实例完整HTML源代码:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>无下划线实现 DIVCSS5</title>
- <style>
- a{ text-decoration:none}
- a:hover{ text-decoration:underline}
- </style>
- </head>
- <body>
- 还有来到<a href="http://www.divcss5.com/">divcss5</a>关于默认链接无下划线实例
- </body>
- </html>
链接文字无下划线效果截图:
默认链接无下划线,鼠标经过出现CSS下划线效果截图
阅读全文
0 0
- 全网页CSS 超链接无下划线
- CSS拒绝单调 让网页超链接拥有多姿多彩的下划线
- css隐藏超链接下划线
- CSS超链接下划线
- 无下划线TextView超链接跳转
- TextView 设置无下划线超链接
- CSS清除超链接的下划线
- 利用css去掉超链接下划线
- css超链接中的下划线设置
- Android使用TextView实现无下划线超链接
- Android使用TextView实现无下划线超链接
- Android使用TextView实现无下划线超链接
- Android使用TextView实现无下划线超链接
- Android使用TextView实现无下划线超链接
- Android使用TextView实现无下划线超链接
- Android使用TextView实现无下划线超链接
- Android使用TextView实现无下划线超链接
- android开发之TextView超链接无下划线
- 关于爬虫的构思和猜想
- 【JSON】 JSON 整理
- JNDI Datasource HOW-TO(Tomcat 9)
- Two Sum类问题
- Java多线程实现窗口背景颜色轮换(synchronize加锁)
- 全网页CSS 超链接无下划线
- 30STL之List容器
- php require 和 include区别
- 机器学习-笔记(一)
- good-storage使用
- Linux 中查看文件第n行内容的命令
- [转]《Hadoop基础教程》之初识Hadoop
- win10老是弹出安全登录框
- Spring Junit4 测试Web应用程序