css:text-decoration给文字增加上划线、删除线、下划线-阿里云开发者社区

开发者社区> 开发者小助手-bz> 正文

css:text-decoration给文字增加上划线、删除线、下划线

简介: css:text-decoration给文字增加上划线、删除线、下划线
+关注继续查看

CSS 语法

text-decoration: <text-decoration-line text-decoration-style text-decoration-color>

text-decoration-line

描述

none

默认。定义标准的文本。

underline

定义文本下的一条线。

overline

定义文本上的一条线。

line-through

定义穿过文本下的一条线。

blink

定义闪烁的文本。

inherit

规定应该从父元素继承 text-decoration 属性的值。

 text-decoration-style

描述

solid

默认值。线条显示为单行。

double

线条显示为双线。

dotted

线条显示为点线。

dashed

线条显示为虚线。

wavy

线条显示为波浪线。

initial

将此属性设置为其默认值。

inherit

从其父元素继承此属性。

text-decoration-color

描述

color

规定 text-decoration 的颜色。

initial

将此属性设置为其默认值。

inherit

从其父元素继承此属性。

示例

<style>
    .none {text-decoration: none}
    .underline {text-decoration: underline}
    .overline {text-decoration: overline}
    .line-through {text-decoration: line-through}
    .blink {text-decoration: blink}
    .inherit {text-decoration: inherit}
</style>

<p class="none">默认</p>
<p class="underline">下划线</p>
<p class="overline">上划线</p>
<p class="line-through">删除线</p>
<p class="blink">闪烁文本</p>
<p class="inherit">从父元素继承</p>

88.png联合写法示例

<style>
      
    .line-through-double-red {
        text-decoration: line-through double red;
    }
</style>

<p class="line-through-double-red">从父元素继承</p>

90.png

参考

CSS text-decoration 属性

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
6 0
01_spring_ 简介| 学习笔记
快速学习01_spring_ 简介
10 0
Django框架介绍与安装
软件框架就是为实现或完成某种软件开发时,提供了一些基础的软件产品, 框架的功能类似于基础设施,提供并实现最为基础的软件架构和体系 通常情况下我们依据框架来实现更为复杂的业务程序开发 二个字,框架就是程序的骨架
5 0
学习vue3之路day1
学习vue3之路day1
18 0
微服务架构 | *2.3 Spring Cloud 启动及加载配置文件源码分析(以 Nacos 为例)
Spring Cloud 要实现统一配置管理,需要解决两个问题:如何获取远程服务器配置和如何动态更新配置;在这之前,我们先要知道 Spring Cloud 什么时候给我们加载配置文件;
3 0
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
5 0
Nginx-基本概念和使用
Nginx-基本概念和使用
11 0
飞天加速计划·高校学生在家实践
我用阿里云服务器的一些心得
18 0
学习vue3之路day3
学习vue3之路day3
6 0
1569
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载