CSS如何做到将价格划掉的效果

新建一个html文件,定名为test.html,用于讲解CSS若何做到将价钱划失落的结果。

  • 2

    在test.html文件内,利用div标签、span标签建立商品价钱的显示,代码如下:

  • 3

    在test.html文件内,利用<style type="text/css"></style>标签来标识css代码编写区。

  • 4

    在css标签内,建立div,span标签的样式设置,代码如下:

  • 5

    在css标签内,设置div的样式,利用font-size设置字体巨细为20px,line-height设置行高为50px。

  • 6

    在css标签内,设置span的样式,利用color设置文字颜色为红色,text-decoration设置删除线的结果。

  • 7

    在浏览器打开test.html页面,可见,实现了将价钱划失落的结果。

    • 发表于 2019-09-17 23:12
    • 阅读 ( 1087 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具