文字排版--删除线(text-decoration:line-through)

最新推荐文章于 2024-04-18 14:20:55 发布

bailang3277

最新推荐文章于 2024-04-18 14:20:55 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

文章标签：游戏

原文链接：http://www.cnblogs.com/Rinpe/p/5544361.html

如果想在网页上设置删除线怎么办，这个样式在电商网站上常会见到：

上图中的原价上的删除线使用下面代码就可以实现：

 .oldPrice{text-decoration:line-through;}

转载于:https://www.cnblogs.com/Rinpe/p/5544361.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bailang3277

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CSS划过文本的线，text-decoration属性

swx999的博客

08-06

1457

一：text-decoretion：overline 定义文本上的一条线。二：text-decoretion：line-through 定义穿过文本下的一条线。三：text-decoretion：underline 定义文本下的一条线。四：text-decoretion：blink 定义闪烁的文本。五：text-decoretion：none 默认。定义标准的文本。可以去掉a标签下的线，如图：六：text-decoretion：inherit 规定应该从父元素继承 text-decora

web前端入门到实战：CSS Text Decoration点缀文字

软件开发-前端开发-IT

08-21

611

大家很熟悉的 CSS2 用法 text-decoration ，到了 CSS3 就拥有很多新的特性。本文将介绍 Level 4 中最新添加的特性。 CSS Text Decoration 文字修饰线：text-decoration-line text-decoration-line也就是 CSS3 之前的 text-decoration，属性有如下的属性值：属性值效果 none...

参与评论您还未登录，请先登录后发表或查看评论

unity ugui text 划线

07-06

unity ugui text 划线

添加text-decoration: line-through

weixin_30332241的博客

01-04

855

<div class="list-group bord-all"> <a class="list-group-item"> <div class="row"> <div class="col-xs-1"> <label>2018-01-04</label...

小程序/CSS的text-decoration属性

培根芝士的专栏

07-08

945

text-decoration属性允许对文本设置某种效果，如加下划线。如果子元素没有自己的装饰，父元素上设置的装饰会“延伸”到子元素中。值描述 none 默认。定义标准的文本。 underline 定义文本下划线。 overline 定义文本顶部的一条线。 line-through 定义文本删除线。 blink 定义闪烁的文本。 inherit 规定应该从父元素继承 text-decoration 属性的值。示例：文字排版--

你不知道的下划线属性-text-decoration

专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。

08-30

2万+

创作不易拒绝白嫖点个赞呗关注专栏学透CSS,带你走进CSS的深处！！！前言上一篇文章我们介绍了这张图，还是这张图，引出本文本文想要介绍的内容，下划线，上划线，删除线。第一眼看过去，我们看到的是啥？没错，是文字。 text-decoration 定义 text-decoration 是用来设定文本的下划线，上划线，删除线以下三种属性的简写： text-decoration-line text-decoration-color text-decoration-style text-deco.

text-decoration: none是什么意思

最新发布

04-03

同时，可能需要提到CSS3中新增的特性，比如text-decoration-line、text-decoration-color等，但用户的问题可能更关注基础用法，所以这部分可以简要提及。另外，用户可能对如何具体应用这个属性有疑问。比如，在CSS...

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文本装饰效果</title> <style type="text/css"> body { text-align: center; } .p1 { text-decoration:overline; } .p2 { text-decoration:underline; } .p3 { text-decoration:line-through; } .p4 { text-decoration:overline line-through underline; } </style> </head> <body> <h3>《暮江吟》</h3> <p>白居易</p> <p class="p1">一道残阳铺水中，</p> <p class="p2">半江瑟瑟半江红。</p> <p class="p3">可怜九月初三夜，</p> <p class="p4">露似真珠月似弓。</p> </body> </html>这代码是什么意思，可以显示吗

03-20

p1是上划线（overline），p2是下划线（underline），p3是删除线（line-through），p4同时应用了上划线、删除线和下划线。在部分，有一个居中的标题“《暮江吟》”，作者是白居易，然后四句诗分别用不同的类来装饰...

实验4、用CSS设置文本样式--华为商城https://www.vmall.com/商品详情页面的实现（文字部分）

03-15

- 原价展示带删除线（`text-decoration: line-through`） 3. **促销信息**：标签式排版，常用橙色背景+白字组合 4. **描述文本**：多采用`14-16px`字号，关键参数用深色突出（`#333`） #### 二、具体实现代码 ```...

深入浅出理解CSS中的文本样式与排版：探索文字之美

艾恩小灰灰的博客

04-18

957

通过深入探究CSS中的text属性及其具体应用，我们发现，尽管看似细微，但正是这些属性共同构建起了网页文本的精美框架。掌握这些属性，能够让您的网页文本既符合设计规范，又能彰显个性特色。在实践中不断尝试和应用这些属性，您将能够在网页设计的道路上不断进步，成就卓越的文本排版艺术。无论是新手还是老手，均可以从这段探索之旅中受益匪浅，不断提升网页设计与开发的专业素养。

HTML 中划线、下划线、上划线

热门推荐

阿荣的博客

04-14

3万+

Line-through（中划线） <span style="text-decoration: line-through"></span><del>中划线</del> Underline（下划线） <span style="text-decoration: underline"></span><del&g...

学透CSS-你不知道的下划线属性-text-decoration 文本属性（中）（连载中）

2401_84093310的博客

04-16

1782

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。什么？你问面试题资料在哪里，这不是就在你眼前吗（滑稽扫码获取！！（备注：前端）**

每日一学—text-decoration 属性

黛琳ghz的博客，期待你的关注。

04-24

3万+

什么是text-decoration属性❓ text-decoration 属性是指规定添加到文本的修饰 text-decoration 属性是以下三种属性的简写： text-decoration-line text-decoration-color text-decoration-style

text-decoration下划线删除线上划线属性样式

weixin_30687587的博客

06-13

2040

text-decoration 下划线CSS单词值参数：none : 　无装饰blink : 　闪烁underline : 　下划线line-through : 　贯穿线overline : 　上划线 text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式text-decoration:underline 下划线样式text-decoration:line-th...

4.1 段落样式概述 4.2 下划线、删除线和顶划线text-decoration

mmsx2017的博客

03-18

890

4.1 段落样式概述文字样式注重个体，段落样式注重整体。所以CSS在命名时，特意使用了font前缀和text前缀来区分两类不同性质的属性。 text-decoration 下划线、删除线、顶划线 text-transform 文本大小写 font-varient 将英文文本转换为“小型”大写字母 text-indent 段落首行缩进 text-align 文本水平对...

html中加线,给HTML标签中的文本添加修饰线

weixin_39761491的博客

05-30

1020

text-decoration属性介绍text-decoration属性是用来设置文本修饰线呢，text-decoration属性一共有4个值。text-decoration属性值说明表值作用none去掉文本修饰线underline设置下划线overline设置上划线line-through设置删除线HTML标签自带修饰线在开始实践text-decoration属性之前，笔者先给大家普及下HTML...

文本类CSS属性

njknjkjnjk的博客

02-08

299

文本类CSS属性

CSS中设置文字下划线的几种方法

蓝胖子的博客

12-05

3万+

CSS中设置文字下划线的几种方法