关于text-decoration

作用：text-decoration 属性规定添加到文本的修饰，下划线、上划线、删除线等。

text-decoration 属性是以下三种属性的简写：

text-decoration-line
text-decoration-color
text-decoration-style

1. text-decoration-line

overline（上划线）
line-through（删除线）
underline（下划线）
blink（不建议使用）
inherit（继承）
initial（默认值）
unset
none（当然这是最重要的）
注：blink 定义闪烁的文本。但只有Firefox能用，所以不建议使用

2. text-decoration-color

3. text-decoration-style

只有设置了text-decoration-line才有效果

值	描述
solid	默认值。线条将显示为单线
double	线条将显示为双线。
dotted	线条将显示为点状线。
dashed	线条将显示为虚线。
wavy	线条将显示为波浪线。
initial	默认值
inherit	继承

4. 栗子：关键值和全局值

/*关键值*/
text-decoration: none;                     /*没有文本装饰*/
text-decoration: underline red;            /*红色下划线*/
text-decoration: underline wavy red;       /*红色波浪形下划线*//*全局值*/
text-decoration: inherit;
text-decoration: initial;
text-decoration: unset;

5. 栗子：虚线与波浪线

h1 {text-decoration: underline overline dotted red;
}h2 {text-decoration: underline overline wavy blue;
}

关于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

text-decoration 属性是以下三种属性的简写：

1. text-decoration-line

2. text-decoration-color

3. text-decoration-style

4. 栗子：关键值和全局值

5. 栗子：虚线与波浪线

关于text-decoration相关推荐

最新文章

热门文章