前端给数字添加横线贯穿
效果
实现方法
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>
前端给数字添加横线贯穿相关推荐
- android 字体上添加横线,字体下面添加下划线
代码很简单,如下 hello1 =findViewById(R.id.hello1);//中间添加横线 hello1.getPaint().setFlags(Paint.STRIKE_THRU_TEX ...
- python使用matplotlib可视化线图(line plot)、在可视化图像中的指定位置添加横线(add horizontal line in matplotlib plot)
python使用matplotlib可视化线图(line plot).在可视化图像中的指定位置添加横线(add horizontal line in matplotlib plot) 目录
- R语言ggplot2在可视化图像中添加横线并在横线中添加文本、为横线中添加的文本添加文本框、自定义文本框的填充色(background color for a text annotation)
R语言ggplot2在可视化图像中添加横线并在横线中添加文本.为横线中添加的文本添加文本框.自定义文本框的填充色(background color for a text annotation) 目录
- seaborn使用violinplot函数可视化小提琴图、并在violinplot函数中设置inner参数来添加横线(inner=“stick“)显示数据的稠密程度
seaborn使用violinplot函数可视化小提琴图.并在violinplot函数中设置inner参数来添加横线(inner="stick")显示数据的稠密程度(Seaborn ...
- h5的横线_CSS文字两边添加横线的几种方法
这里总结了五种关于文字两边添加横线的方法. 欢迎补充! 最近的项目的设计经常用到文字两边添加横线的方法,这样看上去简洁明了,当然实现的方法也五花八门. 暂且不说哪种方法好,邓爷爷说过不管黑猫白猫抓到老 ...
- java读图片显示到前端_java从前端获取参数添加到图片后返回整张图片
java从前端获取参数添加到图片后返回整张图片 以后为整个servlet代码,请自行加入到j2ee工程. import java.awt.Color; import java.awt.Font; im ...
- 【前端】数字媒体技术专业主要课程及就业方向
一.什么是数字媒体技术 数媒专业是一个融计算机技术和媒体艺术为一体的交叉学科,属计算机大类专业,授予工学学士学位. 数媒专业的发展方向主要有大Web前端,数字游戏和影视后期这3个方向. 二.技术方向& ...
- 文字添加横线的h5实现
一行文字添加横线:格式如 横线 <p><font class="lineThrough"> </font> 申请对象 ...
- html在字体两边加直线,CSS文字两边添加横线的几种方法
这里总结了五种关于文字两边添加横线的方法. 欢迎补充! 最近的项目的设计经常用到文字两边添加横线的方法,这样看上去简洁明了,当然实现的方法也五花八门. 暂且不说哪种方法好,邓爷爷说过不管黑猫白猫抓到老 ...
最新文章
- Calendar使用方法
- 流行的9个Java框架介绍: 优点、缺点等等
- 微服务架构的终极模式?
- ajax+json字段变false,JS基础
- 2014_beijing_onsite
- c+gui语言可视化编程
- web-使用wsgiref模块模拟web框架
- php 10进制位数保持,php 任意进制的数转换成10进制功能实例
- css hack 记录
- LeetCode33. 搜索旋转排序数组(二分查找)
- Android 网络通信 之 UDP
- html如何加入浮动客服,css如何实现客服悬浮效果
- Extjs4.2里Grid显示日期类型数据
- 区块链入门笔记(五) —— 加密货币博弈论
- 18道kafka高频面试题哪些你还不会?(含答案和思维导图)
- 超简单的Oracle 数据库安装教程(Oracle安装包)
- 模拟医院信息管理系统
- 中级微观经济学:Chap 6 需求
- 以太网 传统STP生成树的BPDU介绍、STP端口状态介绍与切换过程,STP详细的工作过程。
- 乐优商城之品牌新增fastDFS(九)