■ 定义

text-decoration属性规定添加到文本的修饰，可以给文本添加下划线，删除线，上划线等

■ 使用说明

属性值(固定值)：

　　▶ none：默认，没有装饰线(最常用)

　　▶ underline：下划线，链接a自带下划线(常用)

　　▶ overline：上划线(几乎不用)

　　▶ line-through：删除线(不常用)

■ 示例

h1 {text-decoration: none;
}h2 {text-decoration: underline;
}h3 {text-decoration: overline;
}h4 {text-decoration: line-through;
}a {text-decoration: none;
}

<h1>没有装饰线的标题</h1>
<h2>带下划线的标题</h2>
<h3>带上划线的标题</h3>
<h4>带删除线的标题</h4>
<a href="#">不带下划线的链接</a>

text-decoration相关推荐

CSS Text Decoration
大家很熟悉的 CSS2 用法 text-decoration ,到了 CSS3 就拥有很多新的特性.本文将介绍 Level 4 中最新添加的特性. CSS Text Decoration 文字修饰线: ...
html text decoration,更好利用text-decoration属性
Marie Mosley和他的朋友刚刚在Almanac改动了text-decoration的属性.你可能了解这个属性.例如,很多浏览器在链接处默认text-decoration: underline即 ...
html a text decoration,你未必知道的CSS小知识：text-decoration属性变成了属性简写
我相信有些小知识会让你大吃一惊. 跟着最新的CSS规范,text-decoration现在的写法是这样的: a { text-decoration: overline aqua wavy; } tex ...
【Flutter】Text的使用
想了解更多关于Flutter的知识,可以关注: https://github.com/jiangkang/flutter-system https://jiangkang.tech 文本作为UI最基本 ...
学习 Bootstrap 5 之 Text
学习 Bootstrap 5 之文本文本 (Text) 1. 文本对齐方式 (Text alignment) (1). 居左 (text-start) (2). 居中 (text-center) ...
Flutter开发之Input-TextField-文本输入框（45)
之前介绍了一些基础控件,回头来看遗漏了一些基础的控件的用法.TextField 是最常用的文本输入widget.今天就来学习使用一下. 参看: Flutter组件-Input-TextField-文本 ...
深入理解浏览器解析和执行过程
在我们公司的业务场景中,有很大一部分用户是使用老款安卓机浏览页面,这些老款安卓机性能较差,如果优化不足,页面的卡顿现象会更加明显,此时页面性能优化的重要性就凸显出现.优化页面的性能,需要对浏览器的渲染 ...
web前端入门学习 css（10）移动端布局（学到DPG格式图片与webp格式图片停了）
https://www.bilibili.com/video/BV14J4114768?p=390 代码:https://gitee.com/xiaoqiang001/html_css_materia ...
js_调试_01_14 个你可能不知道的 JavaScript 调试技巧
更快更高效地调试你的 JavaScript 了解你的工具在完成任务时有很重要的意义. 尽管 JavaScript 是出了名的难以调试,但是如果你掌握了一些小技巧,错误和 bug 解决起来就会快多了. ...
改变服务器控件的显示属性,2.6.1 设置Style特性和其他属性
2.6 使用代码处理HTML服务器控件在实际开发中,有时候并不能够预先知道页面需要多少个文本输入框.选择框.表的行列数或者其他控件,因为这些可能是由临时查询的数据多少或者其他原因而决定.这就要求 ...

text-decoration

■ 定义

■ 使用说明

■ 示例

text-decoration相关推荐

最新文章

热门文章