Html去除a标签的默认样式的代码_F11 - 专业站长和开发者的学习网站

本站首页收藏本站

广告位联系

APP正在开发中...

返回顶部

分享到

Html去除a标签的默认样式的代码

HTML/Xhtml 来源：互联网作者：佚名发布时间：2024-09-26 22:09:16 人浏览

摘要

Html去除a标签的默认样式, a标签超链接字体默认蓝色带下划线; 去除可用: 1 2 3 4 5 a{ text-decoration:none; color:inherit; cursor:auto; } 测试代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 !DOCTYPE html html lang=zh-CN dir=

Html去除a标签的默认样式,
a标签超链接字体默认蓝色带下划线;
去除可用:

text-decoration:none;

color:inherit;

cursor:auto;

}

测试代码

<!DOCTYPE html>

text-decoration:none;

color:inherit;

cursor:auto;

}

</style></head><body>

<div>

<a>这是一个a标签, 去掉a标签的样式, 用了????</a>

<a></a>

const Style001 = document.getElementById("Style001");

document.currentScript.previousElementSibling.innerHTML = '<pre style="font-size:66px;">' + document.getElementById("Style001").innerHTML + '</pre>';

</script>

</div>

</body></html>

效果

text-decoration 属性

text-decoration CSS 简写属性设置文本上的装饰性线条的外观。它是 text-decoration-line、text-decoration-color、text-decoration-style 和较新的 text-decoration-thickness 属性的缩写。

MDN text-decoration

text-decoration 可以设置1到4个参数, 允许不分先后, 分别为:

line划线种类 text-decoration-line
color划线颜色 text-decoration-color
style划线样式 text-decoration-style
thickness划线厚度 text-decoration-thickness

text-decoration-line

none 无修饰。
overline 上划线。
line-through 中划线, 有一条贯穿文本中间的修饰线。
underline 下划线。

text-decoration-color

设置划线颜色

text-decoration-color:red; text-decoration-line:underline

可写成, 不分前后

text-decoration: red underline;

text-decoration-style

text-decoration-style: solid; /*** 实线 ***/

text-decoration-style: double; /*** 双实线 ***/

text-decoration-style: dotted; /*** 点划线 ***/

text-decoration-style: dashed; /*** 虚线 ***/

text-decoration-style: wavy; /*** 波浪线 ***/

text-decoration-thickness

文本装饰线厚度 (粗细)
CSS 属性 text-decoration-thickness 用于设置元素中文本所使用的装饰线（如 line-through、underline 或 overline）的笔触厚度。
取值:

auto : 由浏览器为文本装饰线选择合适的厚度。
from-font : 如果字体文件中包含了首选的厚度值，则使用字体文件的厚度值。如果字体文件中没有包含首选的厚度值，则效果和设置为 auto 一样，由浏览器选择合适的厚度值。
长度, 如 1em , 2px,
百分比, 如 10%

/* Single keyword */

text-decoration-thickness: auto;

text-decoration-thickness: from-font;

/* 长度*/

text-decoration-thickness: 0.1em;

text-decoration-thickness: 3px;

/* 百分比*/

text-decoration-thickness: 10%;

可以写在text-decoration 四个参数位置的任意位置

您可能感兴趣的文章 :

原文链接 :

Tag : HTML(143)标签(31)

HTML文本域怎么设置为禁止用户手动拖动

在HTML中，文本域（textarea）通常允许用户通过拖拽其右下角来调整大小。然而，有时我们可能希望禁止这种手动拖动行为，以固定文本域的
Html去除a标签的默认样式的代码

Html去除a标签的默认样式, a标签超链接字体默认蓝色带下划线; 去除可用: 1 2 3 4 5 a{ text-decoration:none; color:inherit; cursor:auto; } 测试代码 1 2 3 4
通过HTML/CSS实现各类进度条的功能

需求：我们在开发中会遇到使用各式各样的进度条，因为当前插件里面进度条各式各样的，为了方便我们定制化的开发和方便修改样式，我
HTML中Canvas关键知识点总结介绍

Canvas 是 HTML5 提供的一个用于绘制图形的元素，它通过 JavaScript 来操作，可以用于创建图表、游戏图形、数据可视化等。以下是关于 Canvas 的
html table+css实现可编辑表格

要实现可编辑的 HTML 表格，你可以使用 JavaScript 和 HTML5 的 contenteditable 属性。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
HTML中使用Flex布局实现双行夹批效果

古代小说中经常有评点和批注，为了区别正文和批注，一般将批注排版成双行夹批的形式。我们知道，在Word中只需要先选择批注文字，然后
使用CSS实现一个雨滴滑落效果的代码

下雨天坐在车窗前，看着雨滴顺着车窗渐渐落下，这一唯美的场景，忍不住想记录下来。最近在纠结电脑壁纸时，无意间看到有类似的场景
HTML+CSS实现全景轮播

效果演示实现了一个简单的网页布局，其中包含了五个不同的盒子，每个盒子都有一个不同的背景图片，并且它们之间有一些间距。当鼠标
HTML+CSS实现炫酷登录切换

效果演示实现了一个登录注册页面的切换效果，当用户点击登录或注册按钮时，会出现一个叠加层，其中包含一个表单，用户可以在表单中
圣诞节制作一颗HTML的圣诞树介绍

来到圣诞节了，那么就可以制作一颗HTML的圣诞树送给朋友，没有编程基础的小白也可以按照步骤操作也可以运行起来代码的一、vscode里面运