商城网站常常看到商品原价中间有一行线,表示这个是商品的原价,那如何使用css设置文字中间有一条线呢?
方法/步骤
1
新建一个html页面,并在页面上输入一个价格。如图:
2
创建一个class类,这个类里设置线穿过字体的样式,样式代码:text-decoration: line-through。如图:
3
设置好保存后就刷新浏览器,即可看到效果。如图:
4设置一条线穿过字体
所有代码:
原价:230¥
上一篇:炒股K线图学习:[33]刺透形态
下一篇:jQuery垂直折叠导航动画