前端html实现删除线的两种方法(下划线)css样式总结

首先我们先来看一下text-decoration

text-decoration 通常我们用于给链接修改装饰效果(注意: 这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。

描述

none

默认。定义标准的文本。

underline

定义文本下的一条线。下划线 也是我们链接自带的

overline

定义文本上的一条线。

line-through

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

我们也可以用来实现删除线---下面展示一下代码(防止搞混,overline也测试了,描述不清会以为可以实现删除线)


前端html实现删除线的两种方法(下划线)css样式总结_第1张图片

效果

前端html实现删除线的两种方法(下划线)css样式总结_第2张图片

你可能感兴趣的:(css)