html超链接怎么去掉下划线

您所在的位置:网站首页 html超链接去掉下划线代码 html超链接怎么去掉下划线

html超链接怎么去掉下划线

2023-04-19 12:22| 来源: 网络整理| 查看: 265

html超链接怎么去掉下划线,第1张

html中如何去掉超链接的下划线:

1、超链接下划线可以使用“text-decoration:none;”去除,颜色可以用“color”属性表示。

2、新建html文档,在body标签中添加两个超链接并为超链接添加文字,这时默认情况下超链接带下划线且颜色为蓝色。

3、设置white类,添加“text-decoration:none;”和“color:#fff;”,这时超链接变成无下划线和白色。

4、设置black类,添加“text-decoration:none;”和“color:#000;”,这时超链接变成无下划线和黑色。

1 正常情况下:a标签有下划线,其他的标签没有下划线

2 要是a标签有下划线,可以添加css样式:text-decoration:none去掉下划线

知识点

实现方法很简单,在源代码的head和head之间加上如下的CSS语法控制:

style type="text/css"

!--

a:link { text-decoration: nonecolor: blue}

a:active { text-decoration:blink}

a:hover { text-decoration:underlinecolor: red}

a:visited { text-decoration: nonecolor: green}

--

/style

其中:

a:link 指正常的未被访问过的链接;

a:active 指正在点的链接;

a:hover 指鼠标在链接上;

a:visited 指已经访问过的链接;

text-decoration是文字修饰效果的意思;

none参数表示超链接文字不显示下划线;

underline参数表示超链接的文字有下划线

可以用css的text-decoration:none来取消连接的下划线

html

head

style type="text/css"

a {text-decoration: none}

/style

/head

body

pa href="具体连接地址"这是一个链接/a/p

/body

/html

定义和用法

text-decoration 属性规定添加到文本的修饰。

注释:修饰的颜色由 "color" 属性设置。

说明

这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://outofmemory.cn/zaji/8303974.html



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3