如果想在网页上设置删除线怎么办，这个样式在电商网站上常会见到：
上图中的原价上的删除线使用下面代码就可以实现：
.oldPrice{text-decoration:line-through;}练习
新建示例页面demo.html，示例代码如下
我也来试试，为原价设置删除线
1.在示例页面代码中的第7行，输入下面代码：
.oldPrice{text-decoration:line-through;}示例代码
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>删除样式-V型知识库www.vxzsk.com</title> <style type="text/css"> </style> </head> <body> <p>原价：<span class="oldPrice">300</span>元 现价：230 元</p> </body> </html>
总结
文本修饰
h1{text-decoration:overline}
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
此文章本站原创，地址 https://www.vxzsk.com/1353.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程