多语言展示
当前在线:1076今日阅读:26今日分享:39

css设置一条线穿过字体

商城网站常常看到商品原价中间有一行线,表示这个是商品的原价,那如何使用css设置文字中间有一条线呢?
方法/步骤
1

新建一个html页面,并在页面上输入一个价格。如图:

2

创建一个class类,这个类里设置线穿过字体的样式,样式代码:text-decoration: line-through。如图:

3

设置好保存后就刷新浏览器,即可看到效果。如图:

4

所有代码:设置一条线穿过字体

原价:230¥

推荐信息