css设置一条线穿过字体

 时间:2026-02-16 13:41:48

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

css设置一条线穿过字体

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

css设置一条线穿过字体

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

css设置一条线穿过字体

4、所有代码:

<!doctype html><html><head><meta charset="utf-8"><title>设置一条线穿过字体</title><style type="text/css">    .cont{width:400px; margin:0 auto;}    .line{text-decoration: line-through;}</style></head><body><div class="cont">原价:<span class="line">230¥</span></div></body></html>

  • DW怎么开启相关文件
  • 如何在电脑中使用大图标的方式查看文件
  • 如何使用JavaScript中无序列表控制子项字体颜色
  • 怎样实现九九乘法表?
  • Windows11文件夹转换文本格式技巧
  • 热门搜索
    眼睫毛倒长怎么办 蜜蜡手串怎么盘 拉脱维亚旅游 硬盘有坏道怎么修复 西昌学院怎么样 白雪公主出自哪里 如何制作目录 王俊凯现在在哪里 宝宝经常吐奶怎么办 支付宝红包怎么领取