本文摘自PHP中文网,作者青灯夜游,侵删。
相信大家在各大商场网站浏览时,总是会看到某个产品的原价标记是多少,再在原价上添加一个明显的删除线,表明现在做促销,现价又改成了多少,给用户一个直观的差距感,吸引用户购买!那么这样的删除线效果是如何添加到文本文字上的?本章就给大家介绍html给文本文字添加删除线的两种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。首先我们来看看在html页面上给文本文字添加删除线效果的两种方法分别是什么:
html <strike> 标签元素实现文本文字添加删除线效果;
html <del> 标签元素实现文本文字添加删除线效果;
下面我们具体来介绍这两种方法是如何实现文本文字添加删除线效果的,通过简单的例子来介绍。
html <strike> 标签
<strike> 标签可定义加删除线文本定义。
1 2 3 4 5 6 7 8 9 10 |
|
效果图:
如例子中所示,只要在<strike> 标签中添加好文本文字,就可实现想要的效果。<strike> 标签可以缩写为<s> 标签,实现的效果不变。
Netscape 和 Internet Explorer 都支持这两种写法。
注意:<strike> 标签(<s> 标签)在 HTML 4 和 XHTML 中已经不再赞成使用了,意思就是不再使用了;早晚有一天将会消失。
相关阅读 >>
更多相关阅读请进入《删除线》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者