如何去掉html中超链接下划线的实例
程序员文章站
2022-03-10 09:33:06
...
我们可以用CSS语法来控制超链接的形式、颜色变化。
下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。
实现方法很简单,在源代码的<head>和<head>之间加上如下的CSS语法控制:
<style type="text/css"> <!-- a:link { text-decoration: none;color: blue} a:active { text-decoration:blink} a:hover { text-decoration:underline;color: red} a:visited { text-decoration: none;color: green} --> </style>
其中:
a:link 指正常的未被访问过的链接;
a:active 指正在点的链接;
a:hover 指鼠标在链接上;
a:visited 指已经访问过的链接;
text-decoration是文字修饰效果的意思;
none参数表示超链接文字不显示下划线;
underline参数表示超链接的文字有下划线
同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。
以上就是如何去掉html中超链接下划线的实例 的详细内容,更多请关注其它相关文章!
上一篇: windows linux工具有哪些
下一篇: 有关touch事件解析和封装的知识
推荐阅读
-
如何去掉EXCEL文档中的超链接
-
如何去掉EXCEL文档中的超链接
-
怎么去掉html中的超链接
-
css如何去掉新闻列表最后一个新闻的下划线_html/css_WEB-ITnose
-
CSS 布局实例系列(四)如何实现容器中每一行的子容器数量随着浏览器宽度的变化而变化?_html/css_WEB-ITnose
-
CSS 布局实例系列(四)如何实现容器中每一行的子容器数量随着浏览器宽度的变化而变化?_html/css_WEB-ITnose
-
JavaScript如何获取html5中data属性的实例
-
如何使用php脚本给html中引用的js和css路径打上版本号_php实例
-
html中如何嵌入特殊字体中文以及英文的实例
-
html中关于iframe如何嵌套网页的实例分析