文字排版--删除线

文字排版--删除线

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

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

 .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>

 

posted on 2019-08-29 23:21  iBoundary  阅读(227)  评论(0编辑  收藏  举报

导航