【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页面，可见，实现了将价钱划失落的结果 。
文章插图
以上内容就是CSS如何做到将价格划掉的效果的内容啦，希望对你有所帮助哦！
推荐阅读
- css如何控制一个div在另一个div中间
- css中怎么样才能使内容在div的底部中间
- 如何设置抖音超火的桌面计时器
- 如何自定义对象作为map的键值
- 如何更改Win10系统用户名
- 如何查看自家wifi有没有别人在用
- 如何给扦插成活后的太阳花施肥
- 如何恢复手机上误删的便签
- 如何才能降低抽烟的危害？
- 淘宝卖家如何回评