css字体划线 文字加中划线

2024-01-18 10:43 小编

css结构设置装备摆设翰墨划线花式-字体笔墨加中划线机关

在淘宝、京东等网上商城上瞥见谅价文字划线,打折文字不中划线的机关。

中划线应用效果
代价中划线运用成就

一、文字中划线CSS与HTML标签两种

1、CSS属性单词和代码
单词:text-decoration

中划线值
text-decoration:line-through

2、HTML中划线标签
S标签
<s>被加中划线</s>

二、文字中划线div css实例

1、代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>翰墨加中划线实例 CSS5</title>
<style>
.zhx{ text-decoration:line-through}
</style>
</head>
<body>
<p>原价:¥<span class="zhx">200.00</span><br />
现价:¥120.00</p>
</body>
</html>

表述:
CSS配置 text-decoration:line-through中划线名堂。
对原价的数字,加class引入中划线css格式。

2、字体划线成效截图

css布局出文字字体加中划线实例效果图
css布局出翰墨字体加中划线实例成效图

以上使用span配置翰墨划线效果,你还概略无须CSS,直接对需要划线的翰墨加S标签完成中划线花色。


在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码