在CSS中,可以属性text-decoration属性添加文本文字的删除线效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css添加文本文字的删除线</title> <style> p{ text-decoration:line-through; } </style> </head> <body> <p>这里有一条删除线</p> </body> </html>
效果图:
那么如何给删除线设置颜色?下面来看看示例代码:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css添加文本文字的删除线</title> <style> p{ text-decoration:line-through; color: red; } span{ color: black; } </style> </head> <body> <p><span>这里有一条删除线</span></p> </body> </html>
效果图:
这样我们结合text-decoration:line-through;
和样式定义文本字体颜色的样式,就可以实现css中删除线与文字颜色不一的样式效果,是不是很简单!