文字排版--删除线

如果想在网页上设置删除线怎么办,这个样式在电商网站上常会见到:

文字排版--删除线_文字排版

 上图中的原价上的删除线使用下面代码就可以实现:

 .oldPrice{text-decoration:line-through;}

 实例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>删除样式</title>
<style type="text/css">
.oldPrice{text-decoration:line-through;}
</style>
</head>
<body>
<p>原价:<span class="oldPrice">300</span>元 现价:230 元</p> 
</body>
</html>