css样式实现字体删除线效果 

 1 <!DOCTYPE html> 
 2 <html> 
 3 <head> 
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
 5 <title>删除线实例 在线演示 www.divcss5.com</title> 
 6 <style> 
 7 .divcss5{ text-decoration:line-through} 
 8 /* css注释说明：设置.divcss5对象删除线样式 */ 
 9 </style> 
10 </head> 
11 <body> 
12 <p>css样式实现删除线效果如下：</p> 
13 <p>原价格为：<span class="divcss5">700</span>￥<br> 
14 现价格：500￥</p> 
15 </body> 
16 </html>

s标签也有删除线效果，text-decoration:line-through;

posted @ 2015-11-09 18:17  挥刀  阅读(6978)  评论(0)  编辑  收藏  举报