效果

实现方法

1、给这个数字添加css属性:text-decoration: line-through;

2、给这个数字添加标签:del。如:<del>9999</del>。

text-decoration详解:

text-decoration : none || underline || blink || overline || line-through

none :  无装饰。text-decoration:none 无装饰,通常对html下划线标签去掉下划线样式。

blink :  闪烁

underline :  下划线。text-decoration:underline 下划线样式。

line-through :  贯穿线。text-decoration:line-through 删除线样式-贯穿线样式。

overline :  上划线。text-decoration:overline 上划线样式。

扩展资料:

我们进行对3个盒子对象分别设置对象内文字下划线、文字删除线样式、字体上划线样式。

1、css代码片段:

.divcss5{text-decoration:underline}

.divcss5_1{text-decoration:line-through}

.divcss5_2{text-decoration:overline}

2、html代码片段:

<div class="divcss5">我被加下划线</div>

<div class="divcss5_1">我被加贯穿删除线</div>

<div class="divcss5_2">我被加上划线</div>

前端给数字添加横线贯穿相关推荐

  1. android 字体上添加横线,字体下面添加下划线

    代码很简单,如下 hello1 =findViewById(R.id.hello1);//中间添加横线 hello1.getPaint().setFlags(Paint.STRIKE_THRU_TEX ...

  2. python使用matplotlib可视化线图(line plot)、在可视化图像中的指定位置添加横线(add horizontal line in matplotlib plot)

    python使用matplotlib可视化线图(line plot).在可视化图像中的指定位置添加横线(add horizontal line in matplotlib plot) 目录

  3. R语言ggplot2在可视化图像中添加横线并在横线中添加文本、为横线中添加的文本添加文本框、自定义文本框的填充色(background color for a text annotation)

    R语言ggplot2在可视化图像中添加横线并在横线中添加文本.为横线中添加的文本添加文本框.自定义文本框的填充色(background color for a text annotation) 目录

  4. seaborn使用violinplot函数可视化小提琴图、并在violinplot函数中设置inner参数来添加横线(inner=“stick“)显示数据的稠密程度

    seaborn使用violinplot函数可视化小提琴图.并在violinplot函数中设置inner参数来添加横线(inner="stick")显示数据的稠密程度(Seaborn ...

  5. h5的横线_CSS文字两边添加横线的几种方法

    这里总结了五种关于文字两边添加横线的方法. 欢迎补充! 最近的项目的设计经常用到文字两边添加横线的方法,这样看上去简洁明了,当然实现的方法也五花八门. 暂且不说哪种方法好,邓爷爷说过不管黑猫白猫抓到老 ...

  6. java读图片显示到前端_java从前端获取参数添加到图片后返回整张图片

    java从前端获取参数添加到图片后返回整张图片 以后为整个servlet代码,请自行加入到j2ee工程. import java.awt.Color; import java.awt.Font; im ...

  7. 【前端】数字媒体技术专业主要课程及就业方向

    一.什么是数字媒体技术 数媒专业是一个融计算机技术和媒体艺术为一体的交叉学科,属计算机大类专业,授予工学学士学位. 数媒专业的发展方向主要有大Web前端,数字游戏和影视后期这3个方向. 二.技术方向& ...

  8. 文字添加横线的h5实现

    一行文字添加横线:格式如          横线 <p><font class="lineThrough">    </font>  申请对象  ...

  9. html在字体两边加直线,CSS文字两边添加横线的几种方法

    这里总结了五种关于文字两边添加横线的方法. 欢迎补充! 最近的项目的设计经常用到文字两边添加横线的方法,这样看上去简洁明了,当然实现的方法也五花八门. 暂且不说哪种方法好,邓爷爷说过不管黑猫白猫抓到老 ...

最新文章

  1. Calendar使用方法
  2. 流行的9个Java框架介绍: 优点、缺点等等
  3. 微服务架构的终极模式?
  4. ajax+json字段变false,JS基础
  5. 2014_beijing_onsite
  6. c+gui语言可视化编程
  7. web-使用wsgiref模块模拟web框架
  8. php 10进制位数保持,php 任意进制的数转换成10进制功能实例
  9. css hack 记录
  10. LeetCode33. 搜索旋转排序数组(二分查找)
  11. Android 网络通信 之 UDP
  12. html如何加入浮动客服,css如何实现客服悬浮效果
  13. Extjs4.2里Grid显示日期类型数据
  14. 区块链入门笔记(五) —— 加密货币博弈论
  15. 18道kafka高频面试题哪些你还不会?(含答案和思维导图)
  16. 超简单的Oracle 数据库安装教程(Oracle安装包)
  17. 模拟医院信息管理系统
  18. 中级微观经济学:Chap 6 需求
  19. 以太网 传统STP生成树的BPDU介绍、STP端口状态介绍与切换过程,STP详细的工作过程。
  20. 乐优商城之品牌新增fastDFS(九)

热门文章

  1. Contour Integral
  2. 数据中心机房温湿度监测
  3. 中国伸缩式起重机行业市场供需与战略研究报告
  4. 旷视科技前端实习生一二面总结
  5. MTK处理器心路历程
  6. Population and carrying capacity 的第四个阶段:Negative feedback with delay. Overshoot and oscillation
  7. 跃迁-功利心的学习方法,学的更好,学的更少
  8. java中osend_Java中OIO与NIO的简单区别
  9. 图片转文字的实用方法
  10. 3.2 人工智能关键技术