文本装饰
在 CSS 中, 使用 text-decoration 属性, 可以在文本上方下方或中间添加装饰线, 可选值为 none | underline | overline | line-through | blink, 默认值为 nonenone 无装饰, underline 下划线 ,overline 上划线, line-through 文字中间贯穿线, blink 闪烁装饰线的颜色与文本的颜色相同
默认情况下, 文本都是没有装饰线的, 但超链接是个例外, 它默认就带有下划线当然, 可以把 text-decoration 属性的值设置为 none, 去掉超链接的下划线, 当鼠标悬停后, 再添加下划线, 来提醒用户当前文本为链接文本如:
- a {text-decoration: none;}
- a:hover {
- text-decoration: underline;
- }
文本装饰线的另一个常见用法, 就是修订文本, 在被删除文本上增加删除线还有团购网站, 在原价上增加删除线, 做删除状其实, 还可以使用 text-decoration 属性, 为文本同时添加多条装饰线如:
- p {
- text-decoration: underline overline line-through;
- }
来源: https://www.2cto.com/kf/201802/721474.html