text-decoration:line-through CSS文字中划线 删除线 贯穿线

2017-04-07 09:29:26 div css布局中text-decoration:line-through字体文字中划线样式设置,贯穿线 删除线样式设置。

css text-decoration:line-through文字字体设置删除线 设置中划线 设置贯穿线样式

常常看见有的网络商城卖产品有的标原价,和优惠价,原价上画删除线效果,就是用css text-decoration:line-through实现。

当然HTML标签也有中划线删除线标签<strike>和<s>标签两个标签可以实现。CSS样式text-decoration:line-through也可以实现。

一、html删除线标签

HTML删除线:

<s>原价12元</s><br />
<strike>原价15元</strike>

html中划线 html删除线
html中划线 html删除线 贯穿线标签应用

二、CSS删除线样式

.abc{ text-decoration:line-through}

CSS字体删除线样式设置
CSS字体删除线样式实例截图

HTML标签到CSS样式均能实现对字体中划线(又叫贯穿线删除线)样式实现,一般DIV CSS布局时根据需求选择CSS样式还是HTML标签

掌握技巧运用css原价格中划线布局

更新