CSS属性 – text-decoration(常用)

最新推荐文章于 2025-10-04 17:48:07 发布
原创 最新推荐文章于 2025-10-04 17:48:07 发布 · 5.9k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #前端

本文介绍了text-decoration属性在网页开发中的应用，包括其常见取值（none、underline、overline、line-through）以及如何消除默认下划线。重点讲解了装饰线在<a>元素中的作用和使用技巧。

text-decoration用于设置文字的装饰线

  • decoration是装饰/装饰品的意思;

text-decoration有如下常见取值:

  • none：无任何装饰线
    ✓ 可以去除a元素默认的下划线
  • underline：下划线
  • overline：上划线
  • line-through：中划线（删除线）
    在这里插入图片描述
    a元素有下划线的本质是被添加了text-decoration属性
CSS基础之textstyle
沃和莱特的博客
05-04 3449
一起来get更多叭~
CSS-常用文本属性
qq_53002037的博客
05-24 166
CSS
你不知道的下划线属性-text-decoration
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
08-30 2万+
创作不易 拒绝白嫖 点个赞呗 关注专栏 学透CSS,带你走进CSS的深处！！！ 前言 上一篇文章我们介绍了这张图，还是这张图，引出本文本文想要介绍的内容，下划线，上划线，删除线。 第一眼看过去，我们看到的是啥？没错，是文字。 text-decoration 定义 text-decoration 是用来设定文本的下划线，上划线，删除线 以下三种属性的简写： text-decoration-line text-decoration-color text-decoration-style text-deco.
每日一学—text-decoration 属性
热门推荐
黛琳ghz的博客，期待你的关注。
04-24 3万+
什么是text-decoration属性❓ text-decoration 属性是指规定添加到文本的修饰 text-decoration 属性是以下三种属性的简写： text-decoration-line text-decoration-color text-decoration-style
深入解析 CSS `text-decoration` 属性
最新发布
2501_93104808的博客
10-04 1190
CSS text-decoration 属性是一个简写属性，用于控制文本装饰线的类型、颜色、样式和粗细。它支持四种子属性：text-decoration-line（设置下划线/删除线等）、text-decoration-color（定义线条颜色）、text-decoration-style（实线/虚线等样式）和text-decoration-thickness（调整线条粗细）。该属性常用于移除链接下划线（none）或添加装饰效果（如underline wavy red）。需要注意浏览器兼容性，避免使用已废弃
搞怪的CSS： text-decoration
clhq71932的博客
05-18 941
在改一个项目的时候却遇到了一个莫名其妙的属性：text-decoration，这个属性，其实就只是用来把一段文字加上上横线、删除线或底线的属性罢了，通常会用在移除超链接的底线、或一些特殊强调的效果里头，但是这么容易的属性，为...
CSS的 text-decoration
kfepiza的博客
06-23 1383
CSS 简写属性设置文本上的装饰性线条的外观。它是和较新的属性的缩写。
【CSS所有属性及用法】
qq_38869966的博客
08-26 1579
@[TOC]CSS所有属性及用法CSS（层叠样式表）具有丰富的属性，以下是对一些主要属性的介绍及用法：一、字体属性1. font-family ：指定文本的字体。二、文本属性1. color ：设置文本颜色。三、背景属性1. background-color ：设置背景颜色。四、边框属性1. border-width ：设置边框的宽度。五、盒模型属性1. width 和 height ：分别设置元素的宽度和高度。六、布局属性1. display ：确定元素的显示类型，如块级、行内、行内块等。七、
Day46 常用CSS属性，盒子模型，定位，浮动
weixin_69595694的博客
05-17 1074
font-family(字体)font-size（大小）font-style（风格）---- normal标准样式---- italic斜体---- oblique倾斜---- inherit从父类继承的字体样式font-weight(字体加粗)–normal标准样式----bold粗体----bolder更粗----lighter更细。
HTML+CSS学习知识整理-常温故知新
偷吃藏在半岛铁盒里的麦芽糖
06-30 218
HTML(Hyper Text Markup Language)中文译为:超文本标记语言。 ➢ 专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。HTML骨架结构由哪些标签组成? • html标签:网页的整体 • head标签:网页的头部 • body标签:网页的身体 • title标签:网页的标题 1.4 语法规范 1.4.1 HTML的注释 注释的作用: • 为代码添加的具有解释性、描述性的信息，主要用来帮助开发人员理解代码 • 浏览器执行代码时会忽略所有的注释
前端面经-CSS篇(三）---伪元素和伪类选择器
qq_44643806的博客
04-06 1106
伪元素是 CSS 创建的“假元素”，它不是 HTML 中真实存在的标签，是一种由 CSS 创建出来的“虚拟元素节点”，它并不真实存在于 HTML 的 DOM 结构中，但浏览器在渲染时会像处理普通元素一样，把它插入进渲染树中。你可以用来添加一些装饰、内容、布局结构等。::before：用于在元素内容之前插入内容。::after：用于在元素内容之后插入内容。：用于选中文本内容的第一个字母。：用于选中文本内容的第一行。借助::before，我们可以实现很多“视觉增强效果”，无需在 HTML 中多加一层。
CSS 文字装饰 text-decoration &amp； text-emphasis
nidongla的博客
04-07 1811
在 CSS 中，文字算是我们天天会打交道的一大类了，有了文字，则必不可少一些文字装饰。 本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis，在最后，还会讲解使用 background 模拟文字下划线的一些有趣的动效。 text-decoration 文字装饰技术资讯 www.secn.net text-decoration 意为文字装饰，在很早的规范 CSS Level 2 (Revision 1) -- text-decoration 就已经存在了。譬如.
CSS【详解】文本装饰（含文本装饰线 text-decoration ，文字描边 stroke，文本外描边 paint-order，文本强调字符装饰，文本阴影 text-shadow））
朝阳39的博客
07-08 1753
text-decoration 属性是 text-decoration-line、text-decoration-style、text-decoration-color 和 text-decoration-thickness 的缩写styleoverline
CSS text-decoration 属性
诚的博客
07-28 339
实例 设置 h1、h2、h3、h4 元素的文本修饰： h1 {text-decoration:overline} h2 {text-decoration:line-through} h3 {text-decoration:underline} h4 {text-decoration:blink} none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。
CSS 文本装饰 text-decoration属性
歪脖先生的博客
02-13 7627
文本装饰在CSS中，使用 text-decoration属性，可以在文本上方、下方、或中间添加装饰线，可选值为 none | underline | overline | line-through | blink，默认值为 none。none 无装饰，underline 下划线 ，overline 上划线，line-through 文字中间贯穿线，blink 闪烁。装饰线的颜色与文本的颜色相同。默...
CSS：text-decoration文本装饰
会写Bug的攻城狮
11-21 1659
CSS：text-decoration文本装饰
WebKit的文本装饰艺术：CSS Text Decoration全解析
2402_85758936的博客
07-24 1677
CSS文本装饰（Text Decoration）是一组用于美化和增强网页文本表现的属性，它们可以为文本添加下划线、上划线、线删除和强调标记等效果。CSS文本装饰是一组强大的属性，它们为网页文本提供了丰富的视觉效果。虽然WebKit对CSS文本装饰的支持良好，但不同浏览器和不同版本的WebKit可能存在兼容性差异。CSS文本装饰对性能的影响通常很小，但在处理复杂的布局或在性能受限的设备上使用时，可能会有一些性能开销。通过本文的指导，读者可以开始在自己的项目中尝试使用CSS文本装饰，享受更丰富的文本美化体验。
学透CSS-你不知道的下划线属性-text-decoration 文本属性（中） （连载中）
2401_84097996的博客
04-06 2779
text-decoration 是用来设定文本的下划线，上划线，删除线。
【CSS】text-decoration属性的功能以及属性值
读心悦
06-14 2535
例如，使用 line-through 来表示已删除或不再有效的文本是合适的，但随意使用它可能会导致混淆。同样，blink 值由于可能引起的可访问性问题，通常不建议使用。但请注意，这个效果在不同浏览器中的支持程度不同，且可能对用户体验产生负面影响，因此不建议使用。是 CSS 中的一个属性，用于添加或删除文本的装饰效果。它主要应用于文本元素，如段落、标题等，以改变其外观。这是一种较为特殊的装饰效果，可以用于强调文本。通过组合这些属性值，可以实现更复杂的文本装饰效果。这是最常见的装饰效果之一，常用于链接。
css中text-decoration属性
03-16
text-decoration属性是CSS中用来设置文本装饰效果的属性，包括下划线、删除线、上划线等。可以通过设置不同的值来实现不同的文本装饰效果。常用的值包括：none（无装饰）、underline（下划线）、overline（上划线）、line-through（删除线）等。此外，还可以通过text-decoration-color属性来设置文本装饰线的颜色，通过text-decoration-style属性来设置文本装饰线的样式。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值