在CSS+DIV中如何做到将价格划掉的效果

 我来答
黑马程序员
2017-03-13 · 改变中国IT教育,我们正在行动
黑马程序员
黑马程序员为大学毕业后,有理想、有梦想,想从事IT行业的年轻人改变自己的命运。黑马程序员成就IT黑马
向TA提问
展开全部

1 用到的知识点是html中 tex-decoration 属性;text-decoration的属性包括 : {text-decoration:overline}
{text-decoration:line-through}
{text-decoration:underline}
{text-decoration:blink} 

将价格划掉的效果  用到的是line-through值。

2 下面是tex-decoration  的使用案例,代码可以直接复制到浏览器上面进行运行。

<html>

<head>

<style type="text/css">

h2 {text-decoration: line-through}

</style>

</head>

<body>

<h2>20元</h1>

</body>

</html>

3 下面是案例在浏览器上运行的效果图  :

百度网友8dce392c02
2012-03-19 · TA获得超过1099个赞
知道小有建树答主
回答量:587
采纳率:66%
帮助的人:311万
展开全部
<div style="text-decoration:line-through">10000</div>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
koukouzaki
2012-03-19 · TA获得超过1989个赞
知道小有建树答主
回答量:471
采纳率:0%
帮助的人:454万
展开全部
<strike>中划线</strike>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wskfhvhc
2012-03-19 · TA获得超过692个赞
知道小有建树答主
回答量:307
采纳率:66%
帮助的人:301万
展开全部
<div style="text-decoration:line-through">删除线</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式