css删除线的属性设置(text-decoration删除线属性介绍)

 分类:div+css教程时间:2022-06-19点击: 2022前端视频教程(自学必看)

CSS删除线代码是什么?是CSS文本text-decoration属性值设置为line-through时出来的就是文本有删除线效果,CSS文本text-decoration属性规定添加到文本的修饰,可以给文本添加下划线、删除线和上划线等。

css删除线的属性设置

1、CSS删除线代码如下:

p {
   text-decoration:line-through;
}

2、text-decoration属性值:

none 默认值 没有装饰线(最常用)

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

overline上划线 (基本不用)

line-through 删除线(不常用)

3、CSS删除线实例代码如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>css删除线的属性设置</title>
    <style type="text/css">
      p {
        text-decoration: line-through;
      }
    </style>
  </head>
  <body>
    <p> 
       我是删除线的文字
    </p>
  </body>
</html>

4、css删除线效果图如下:

css删除线效果图

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: