html中的删除线标签

顺晟科技

2021-06-28 17:25:14

316

在一些前端的商品页面中，如果有价格优惠的话，都会把原价格用html的删除线标签进行标注，这样有利于用户对价格进行阅读，关于html的删除线标签的使用可以参考下文的讲解。

html 删除线标签介绍

<s></s>：删除线标签让浏览器把其加s标签的文本内容加删除划线样式（在文本上有一道横线）呈现给阅读者。

语法：

<s>这里是内容的文字</s>

html 删除线标签<s></s>用法

例：

<html>
<head>
    <title>HTML删除标签的演示！</title>
    <style>
        s{
            color:#888;
            font-size: 14px;
            margin-left: 10px;
        }
    </style>
</head>
<body>
顺晟科技博客的价格为：6666666.00元<s>8888888.99元</s>
</body>
</html>

示例演示效果：

html中的删除线标签

上一篇：CSS如何隐藏文本下一篇：jquery如何获取表单中的所有数据

网站建设

Js

html中的删除线标签