php函数删除线,html如何给文本文字添加删除线?两种方法添加删除线(实例)...

本文介绍了如何使用HTML标签(<del>和<ins>)及CSS的text-decoration属性来为网页文本添加删除线,适合制作促销活动中的价格变动展示。通过实例演示,助你理解这两种方法在实际应用中的操作。
摘要由CSDN通过智能技术生成

相信大家在各大商场网站浏览时,总是会看到某个产品的原价标记是多少,再在原价上添加一个明显的删除线,表明现在做促销,现价又改成了多少,给用户一个直观的差距感,吸引用户购买!那么这样的删除线效果是如何添加到文本文字上的?本章就给大家介绍html给文本文字添加删除线的两种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

首先我们来看看在html页面上给文本文字添加删除线效果的两种方法分别是什么:

html 标签元素实现文本文字添加删除线效果;

html 标签元素实现文本文字添加删除线效果;

下面我们具体来介绍这两种方法是如何实现文本文字添加删除线效果的,通过简单的例子来介绍。

html 标签

标签可定义加删除线文本定义。

html 标签

这是测试代码,被删除了

效果图:

b019748628c3c5a63da4c35739be5d1a.png

如例子中所示,只要在 标签中添加好文本文字,就可实现想要的效果。 标签可以缩写为 标签,实现的效果不变。

Netscape 和 Internet Explorer 都支持这两种写法。

注意: 标签( 标签)在 HTML 4 和 XHTML 中已经不再赞成使用了,意思就是不再使用了;早晚有一天将会消失。

一般都会建议不使用 标签,而改为使用 标签实现删除线效果,下面我们就来介绍html 标签。

html 标签

标签定义文档中已被删除的文本。

html 标签

原价:20,现在促销价:10

效果图:

15dc234e1f2e536367bc6c3661c589c9.png

如例子中所示, 标签的使用和 标签一样都很简单、方便。并且所有主流浏览器都支持 标签。

注意:请与 标签配合使用,来描述文档中的更新和修正。

总结:以上就是本篇文的全部内容,其实除了用上述的两种方法添加删除线,还可以使用css来实现删除线,同时设置删除线样式。后续文章【css如何添加删除线?css text-decoration属性设置删除线(代码实例)】中将会介绍如何使用css设置删除线样式。希望能对大家的学习有所帮助,更多相关教程请访问HTML视频教程!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值