文字排版--删除线
文字排版--删除线
如果想在网页上设置删除线怎么办,这个样式在电商网站上常会见到:
上图中的原价上的删除线使用下面代码就可以实现:
.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>