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删除线 贯穿线标签应用
二、CSS删除线样式
.abc{ text-decoration:line-through}
CSS字体删除线样式实例截图
从HTML标签到CSS样式均能实现对字体中划线(又叫贯穿线、删除线)样式实现,一般DIV CSS布局时根据需求选择CSS样式还是HTML标签。
掌握技巧运用:css原价格中划线布局